项目常见错误及解决方法-angular中select空白项问题

在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中的变量。