javascript - ng-checked 时 ng-models 没有绑定

Question

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

<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 与第三个复选框绑定。但是，如果父复选框由于 ng-checked 而被选中，则第三个复选框不会更新更改。如何在 Angular 中实现这一点？

Answer 1

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

但是，我制作了一个确实使用了一些 JS并且运行良好的版本。

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

（添加到控制器）

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