如何使用角度数据绑定将复选框绑定到选择禁用的属性？答案

【问题标题】：How do I bind a checkbox to a select disabled property using angular data binding?如何使用角度数据绑定将复选框绑定到选择禁用的属性？
【发布时间】：2014-07-12 18:34:29
【问题描述】：

我有一个带有几个选项和一个复选框的选择控件。该复选框需要控制选择是否被禁用。最初我的代码是正确的，但是当复选框中的值发生变化时，选择不受影响。我确信有一种很酷的角度方式可以做到这一点，并希望有人能指出我正确的方向：

 <input type="checkbox" ng-model="IsEnabled">
 <select disabled="{{scope.IsEnabled}}"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option></select>

myApp.controller('myCtrl', ['$scope', '$http'
scope.IsEnabled= true;]);

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

当您在标记中时不需要输入“范围”，只需输入附加到范围的内容即可。你也应该使用 ng-disabled。

所以这里去掉“范围”这个词。

<select ng-disabled="!IsEnabled">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select>

查看文件：http://jsfiddle.net/eZhZL/7/

希望这会有所帮助。

【讨论】：