我有一个带有几个选项和一个复选框的选择控件。复选框需要控制选择是否被禁用。最初,我的代码正确无误,但是当复选框中的值更改时,选择不受影响。我确信这样做有一种很酷的角度方式,希望有人能指出我正确的方向:
<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;]);
在标记中时,无需键入“作用域”,只需键入附加到作用域的内容即可。另外,您应该使用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/
希望这可以帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句