使用angularjs禁用复选框

Question

1. 默认选中框的值为1。
2. 如果用户可以点击ALL或DEFAULT或NONE等按钮来选中复选框。
3. 如果用户单击NONE，则应选中并禁用DEFAULT复选框;默认情况下始终为1。
4. 如果用户点击按钮ALL或DEFAULT或任何自定义检查，则应删除已禁用的属性并应正常执行。

注意：点击NONE时需要禁用复选框（来自控制器/视图）;

 if(arrObj.id === 1){
    arrObj.enabled = true;
    arrObj.text = "1 [Default Value]";
    //TO DISABLE THE CHECKBOX so that it can't be unchecked
  }else{
    arrObj.enabled = false;
  }

DEMO LINK

Answer 1

添加范围变量enableBoxes并使用ng-disable指令禁用所需的所有复选框，在这种情况下可以使用

 <input type="checkbox" ng-model="n.enabled" ng-disabled="!enableBoxes && $index==0">{{n.text}} <br/>

参见此处的示例

http://plnkr.co/edit/IMKkeyYUKzfXulhHGxpJ?p=preview

请注意$ index == 0仅针对第一个复选框，如果需要定位其他人，则可应用更一般的规则