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; } |