Angularjs - 禁用和取消选中复选框

Question

我有一组复杂的复选框,这些复选框填充了来自多维数组的数据,并且有一些特定的事情需要与它们一起发生...我提取了我需要的最小值,所以我将尝试解释

在这个小提琴

http://jsfiddle.net/EVZUV/

第一个复选框已启用,第二个复选框已禁用.选中第一个复选框后,第二个复选框将启用.我想要获取的是UNCHECK第二个框如果在取消选中第一个复选框时再次禁用它.

这是我几乎可以使用的代码

<input type="checkbox" ng-model="disablelist" ng-click="checkitems">Check this box to enable the other.. <br><br>
<input type="checkbox" ng-disabled="!disablelist" ng-checked="checkitems">When this checkbox is disabled it also must get unchecked

我只是得到了int-js,而且有些想法对我来说非常"哇哇哇哇哇哇哇哇哇哇哇哇哇

谢谢!!

Answer 1

这里简单的解决方案:http://jsfiddle.net/7mKtF/2/

HTML:

<div ng-app="myApp">
    <input type="checkbox" ng-model="disablelist">Check this box to enable the other.. <br><br>
    <input type="checkbox" ng-disabled="!disablelist" ng-checked="disablelist && 0">When this checkbox is disabled it also must get unchecked
</div>

JS:

var app = angular.module('myApp', []);

基本上,我已经更新了您的ng-checked声明以包含该disablelist属性.使用布尔逻辑,如果disablelist为false ,则第二个复选框将评估为false.

编辑:

另外值得注意的是,你现在的方式,你的ng-click绑定实际上没有做任何事情.您可能希望ng-click使用参数括号来调用函数变量.