关于javascript:ng-checked时ng-models不绑定

ng-models not binding when ng-checked

我有一个父复选框,单击子复选框时会被选中。 我希望此父复选框依次与第三个复选框绑定。 但是当更改是由于ng-checked导致的,双向绑定不起作用。 这是模板:

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

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

换句话说,当通过单击选中父复选框时,ng-model与第三个复选框绑定。 但是如果父复选框由于ng-checked而被选中,则第三个复选框不会更新更改。 如何在Angular中实现呢?


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

但是,我制作了一个确实使用了JS的版本,并且工作正常。

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

(添加到控制器)

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