Javascript 如何使用角度数据绑定将复选框绑定到“选择禁用”属性？

我有一个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;]);

1234
myApp.controller（'myCtrl'，['$scope'，'$http'
scope.IsEnabled=true；]）；

在标记中不需要键入“范围”，只需键入附加到范围的内容即可。此外，您还应该使用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>

1.
2.
3.
4.

见fiidle：

希望这有帮助