ng-models ne lie pas lorsque ng-checked

Question

J'ai une case à cocher Parent qui est cochée quand une case enfant est cochée. Je veux que cette case à cocher parent soit associée à une troisième case à cocher. Mais la liaison bidirectionnelle ne fonctionne pas lorsque le changement est dû à ng-checked. Voici le modèle:

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

Voici l'exemple de travail en jsFiddle: http://jsfiddle.net/Alien_time/vy5UM/1/

Dans les mots d'ordre, lorsque la case parent est cochée en cliquant sur le modèle de ng-se fixe avec la 3ème case à cocher. Mais si la case parent est cochée à cause de ng-checked, la troisième case ne met pas à jour la modification. Comment puis-je réaliser cela dans Angular?

Answer 1

Non, je ne pense pas que ce soit possible sans JS supplémentaire. Cependant, I made a version that does use a bit of JS et fonctionne bien.

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

(ajouté au contrôleur)

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