如何使用angular数据绑定将一个复选框绑定到一个select disabled属性

How do I bind a checkbox to a select disabled property using angular data binding?

本文关键字：一个 select disabled 属性 绑定 复选框 数据绑定 angular 何使用      更新时间：2023-09-26

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

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

在标记中不需要键入"scope"，只需键入附加到作用域的内容。你还应该使用ng-disabled

所以去掉'scope'这个词。

<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/

相关文章：