使用 ng-checked [重复] 更改复选框状态后如何获取更新的模型

Question

我有一定的检查复选框的条件，我正在使用条件运算符的 ng-checked 中的功能逻辑。 这对我来说很好。 问题是，在提交模型值时，我没有得到 ng-checked 值。 如何也修改经过 ng 检查的值？希望我能得到答案。 这是我试过的：

<input type="checkbox" id="View" ng-model="module.View"
       ng-checked="((findViewCheckBoxIsChecked(module)) || (module.ViewAll))"
       ng-disabled="disableCheckBox(module)">

$scope.findViewCheckBoxIsChecked = function (module) {    
      if (module.View || module.ViewAll || module.Name == 'x' && module.Add
            || module.Name == 'x' && module.Edit
            || module.Name == 'x' && module.Delete
            || module.Name == 'x' && module.Add
            || module.Name == 'y' && module.Edit
            || module.Name == 'y' && module.Delete
             || module.Name == 'z' && module.Add
            || module.Name == 'z' && module.Edit
            || module.Name == 'z' && module.Delete) {
            return true;
        }
        else {
            return false;
        }
    }

Answer 1

documentation for ng-checked 明确指出不应与ng-model 一起使用。

来自文档：

ngChecked

如果ngChecked 中的表达式为真，则设置元素的选中属性。

注意此指令不应与ngModel 一起使用，因为这会导致意外行为。

— AngularJS ng-checked Directive API Reference

---

更新

哦...我不知道...那么如何设置我必须检查的复选框的值？有什么想法吗？

可以使用ng-change 指令来计算兄弟复选框的值：

<input type="checkbox" id="ViewAll" ng-model="module.ViewAll"
       ng-change="updateCheckboxes(module)" />

<input type="checkbox" id="View" ng-model="module.View"
       ̶n̶g̶-̶c̶h̶e̶c̶k̶e̶d̶=̶"̶(̶(̶f̶i̶n̶d̶V̶i̶e̶w̶C̶h̶e̶c̶k̶B̶o̶x̶I̶s̶C̶h̶e̶c̶k̶e̶d̶(̶m̶o̶d̶u̶l̶e̶)̶)̶ ̶|̶|̶ ̶(̶m̶o̶d̶u̶l̶e̶.̶V̶i̶e̶w̶A̶l̶l̶)̶)̶"̶
       ̶n̶g̶-̶d̶i̶s̶a̶b̶l̶e̶d̶=̶ ̶"̶d̶i̶s̶a̶b̶l̶e̶C̶h̶e̶c̶k̶B̶o̶x̶(̶m̶o̶d̶u̶l̶e̶)̶"̶ 
       ng-disabled= "disableViewCheckBox"
       ng-change="updateCheckboxes(module)" />

$scope.updateCheckboxes = function(module) {
    module.View = (($scope.findViewCheckBoxIsChecked(module)) || (module.ViewAll));
    $scope.disableViewCheckbox = $scope.disableCheckBox(module);
};

出于性能原因，应避免将函数放入 AngularJS 表达式中。框架在每个摘要循环中调用一次或多次。通过使用ng-change 指令，这些函数仅在用户更改输入时才被调用。

当然，ng-change 函数只在用户输入时调用。控制器在分配新模型值时还应调用$scope.updateCheckboxes 函数。