码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-10-21 16:55:19      阅读:363      评论:0      收藏:0      [点我收藏+]

标签:value   inf   .com   下拉框   空白   val   数据   初始   ng-repeat   

<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>

 

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

标签:value   inf   .com   下拉框   空白   val   数据   初始   ng-repeat   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!