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

时间:2014-07-12 18:34:29

标签: javascript angularjs

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

 <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;]);

1 个答案:

答案 0 :(得分: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>

见fiidle:http://jsfiddle.net/eZhZL/7/

希望这有帮助。