angularjs中下拉框select 第一個為空白
阿新 • • 發佈:2018-11-07
<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>