angularjs中下拉框select 第一个为空白

<label for="userId">发起培训人</label> <select
                class="form-control  input-sm" ng-model="trainDetail.userId" name="userId" id="userId">
                <option value="{{userId}}" selected="selected">{{realName}}</option>
                <option ng-repeat="user in userList"
                    ng-selected="user.id == trainDetail.userId" value="{{user.id}}">{{user.realname}}</option>
            </select>

上述代码在页面中 如下图所示   第一行数据显示空白

chrome解析错误代码

<option value="? undefined:undefined ?"></option>

解决方式  :ng-init = "trainDetail.userId = userId"  初始化  select

<label for="userId">发起培训人</label> <select
                class="form-control  input-sm" ng-model="trainDetail.userId" name="userId" id="userId" ng-init = "trainDetail.userId = userId">
                <option value="{{userId}}" selected="selected">{{realName}}</option>
                <option ng-repeat="user in userList"
                    ng-selected="user.id == trainDetail.userId" value="{{user.id}}">{{user.realname}}</option>
            </select>

原文地址:https://www.cnblogs.com/zhou-pan/p/9825366.html

时间: 2024-10-11 02:33:04

angularjs中下拉框select 第一个为空白的相关文章

angularjs下拉框空白

搜索angularjs下拉框空白,可以出现很多解决方案,但是对于静态字段来说,网上目前还没有找到解决方案,如下: 1 <select class="form-control" ng-model="UserState" 2 ng-init="UserState=0"> 3 <option value="-1">选择状态</option> 4 <option value="0&q

项目中下拉框链接问题

项目中有一个需求:用户开户模板列表的操作按钮中添加设为默认模板按钮,设置完成后,该模板将作为开户时的默认模板,当开户页面加载的时候显示该模板的信息,否则显示请选择模板,下拉框选中哪个则显示哪个模板的信息. HTML下拉框链接代码: <select name="user_templets_id" onchange="javascript:window.open(this.options[this.options.selectedIndex].value,'_self')&

MVC视图中下拉框的使用

首先要在controller 中将选项设置成 selecList对象,并赋值给viewBag动态对象. public ActionResult Index(string movieGenre,string searchString) { var GenreLst = new List<string>(); var GenreQry = from d in db.Movies orderby d.Genre select d.Genre; GenreLst.AddRange(GenreQry.D

struts2 jsp表单提交后保留表单中输入框中的值 下拉框select与input

原文地址:struts2 jsp表单提交后保留表单中输入框中的值 下拉框select与input jsp页面 1     function dosearch() {2         if ($("#textValue").val() == "") {3                 $("#errortip").html("<font color='#FF0000'>请输入查询内容</font>")

angularJs下拉框

1 只是一个下拉框 <!-- <select ng-model="areaType" ng-disabled="isDisable" class="form-control" ng-options="c.code as c.code for c in codes"> --><!-- <option value="">---请选择---</option>

代教材之(用DIV+CSS定义漂亮下拉框select)

1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>代教材之

关于WebDriver中下拉框选项操作 ---- &gt;&gt;Select类的使用:

在UI测试的过程中,我们经常会遇到对下拉框的处理, 笔者在日常的维护中, 对下拉框的处理的太多, 各种好定位的不好定位的, 这里可以分享两种定位方法: 1.日常定位的方法每个select下拉框都是一个list,在取值时,取到对应list[x][y] ---- >>找到对应要选取得的值; 2.通过封装后的select类,可以直接快速定位,不过此种方式存在一定的局限性, 定位的元素必须是可读固定,如果一个元素的属性是auto,或者不可读,就不能再根据某个固有属性来定位了, 不过这种方式也可以满足我

angularjs下拉框实现渲染html

angualrjs处于安全的考虑,插值 指令会对相应字符串进行过滤,避免出现html攻击.但是在一些时候,我们需要渲染html,比如实现一个分级的下拉框,代码如下: 1 <body ng-app="app" ng-controller="controller"> 2 <select ng-model="value" ng-options="t.text for t in testList"></s

解决Bui框架下拉框select配合Gird弹出模态编辑框使用,无法选取编辑行的下拉内容.

这个需求比较简单,就是下拉列表的项是异步请求过来的加载的,而点击gird的编辑一行按钮实现动态选择表单的行内容: 点击编辑效果: 图中的RulesDictID项是从后台异步获取的.那么我们在前端这样写: <div class="row-fluid"> <div class="span24"> <div class="panel"> <div class="panel-header"&g