1. 程式人生 > >angularjs中下拉框select 第一個為空白

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>