javascript - ng-checked 时 ng-models 不绑定(bind)

Question

我有一个父复选框，当单击子复选框时该复选框会被选中。我希望这个父复选框依次与第三个复选框绑定(bind)。但是，当更改是由于 ng-checked 引起时，2 路绑定(bind)不起作用。这是模板:

<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 会与第三个复选框绑定(bind)。但是，如果父复选框由于 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>

(添加到 Controller )

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