在angular中,经常用到select框选项动态生成,常用的方法:
一、使用ng-repeat循环生成option
二、使用ng-options来生成option
但是,这两中方法都会遇到,首次点击时,有一个空白项的问题,点击之后,空白项消失。经过网上查资料,结合本人的实践,特总结如下:
(一)使用ng-repeat
<option value="">--Choose--</option>
<option ng-repeat="subClass in classes" value="subClass.id">{{subClass.name}}</option>
很好,在其上加上一个请选择的选项。
(二)使用ng-options
<select ng-model="domainFear.origin.id" ng-options="item.id as item.name for item in classes" ng-disabled="preState.domainFearEnable">
<option value="">--Choose--</option>
</select>
在select中加上
<option value="">--Choose--</option>
这样,即可。
还可以,
$scope.options=data; //赋值给ng-options
$scope.myselect = $scope.options[0];
将对象数组中的第一个对象,相应的值赋值给ng-model中的变量。