当我们在AngularJS中填充ng-options时，有没有一种方法可以禁用optioninselect元素options？
像这样：http : //www.w3schools.com/tags/att_option_disabled.asp
您可以通过添加ng-disabled到每个<option>标签中来完成此操作，但是如果我们ng-options在select标签中使用指令，有没有办法做到这一点？
一种实现方法是，忘记ng-options在select元素上使用，并在with中添加选项ng-repeat，然后可以ng-disabled在上添加一个选择option。
<div ng-app="myapp">
<form ng-controller="ctrl">
<select id="t1" ng-model="curval">
<option ng-repeat="i in options" value="{{i}}" ng-disabled="disabled[i]">{{i}}</option>
</select>
<button ng-click="disabled[curval]=true">disable</button>
</form>
</div>
用于测试的最小控制器：
angular.module('myapp',[]).controller("ctrl", function($scope){
$scope.options=['test1','test2','test3','test4','test5'];
$scope.disabled={};
})
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句