Question

我有一个Parent复选框，在单击子复选框时会检查该复选框。我希望这个父复选框反过来与第三个复选框绑定。但是当更改是由于ng-checked时，双向绑定不起作用。这是模板：

<div><input type="checkbox" ng-checked="childCheckbox" ng-model="parentCheckbox" /> Parent Checkbox</div>
<div><input type="checkbox" ng-model="childCheckbox" /> Child Checkbox</div>
<div><input type="checkbox" ng-model="parentCheckbox" /> A third Checkbox binding with Parent Checkbox</div>

以下是jsfiddle中的工作示例：http://jsfiddle.net/Alien_time/vy5UM/1/

顺便说一句，当通过单击选中父复选框时，ng-model将与第3个复选框绑定。但是，如果由于ng-checked而选中了父复选框，则第三个复选框不会更新更改。我如何在Angular中实现这一目标？

Answer 1

不，如果没有额外的JS，我认为不可能。

然而，I made a version that does use a bit of JS并且工作正常。

<div><input type="checkbox" ng-click="clickOthers()" ng-model="childCheckbox" /> Child Checkbox</div>

（添加到控制器）

$scope.clickOthers = function () {
    $scope.parentCheckbox = $scope.childCheckbox;
}

ng-checked时ng-models不绑定

1 个答案: