Question

当我们在AngularJS中使用ng-options填充option时，有没有办法禁用select元素中的options？

像这样：http://www.w3schools.com/tags/att_option_disabled.asp

您可以通过向每个ng-disabled标记添加<option>来执行此操作，但如果我们在ng-options代码中使用select指令，则有办法执行此操作？

Answer 1

执行此操作的一种方法是，忘记在ng-options元素上使用select，并使用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={};
})

Answer 2

来自 Angular 1.4 ：我们可以在ng-options中使用$.ajax({url: 'test/somefile.js'，例如：

disable when

此示例的颜色按阴影分组，其中一些已禁用：

 $scope.colors = [
  {name:'black', shade:'dark'},
  {name:'white', shade:'light', notAnOption: true},
  {name:'red', shade:'dark'},
  {name:'blue', shade:'dark', notAnOption: true},
  {name:'yellow', shade:'light', notAnOption: false}
];
$scope.myColor = $scope.colors[2]; // red

我从the angular documentation获得了此代码。

Answer 3

您应该使用ng-disabled指令http://docs.angularjs.org/api/ng.directive:ngDisabled。

<body ng-app="myApp">

  <div ng-controller="myCtrl">
    <form class="form-inline">
      <div class="form-group">
        <select class="form-control" ng-disabled="disableSelect">
          <option val="one">First</option>
          <option val="two">Second</option>
        </select>
      </div>

      <button class="btn btn-default" ng-click="disableSelect = !disableSelect">
        Disable select
      </button>
    </form>
  </div>

</body>

在这里，您可以找到完整的示例http://jsbin.com/ihOYurO/1/

Answer 4

解决版本1.4 https://docs.angularjs.org/api/ng/directive/ngOptions [仔细查看v1.4文档]

Answer 5

可能是这样的

<button ng-click='disableSelect=true'></button>

<select ng-disabled='disableSelect'></select>

如何在使用AngularJS ng-options时禁用select元素的<option>？</option>

5 个答案: