Select-unselect Baumstruktur in angular.js

Question

Ich versuche, ein Szenario zu implementieren, wo ich eine Baumstruktur habe und die Höhe des Baumes wird von 2 sein. Jedes Element wird ein Kontrollkästchen haben und sobald ein Knoten ausgewählt ist Kinderknoten sollten ebenfalls ausgewählt werden. Ich kann das leicht mit jquery machen, aber in angular.js kann ich das nicht machen. Hier ist die Demo-Geige, die natürlich nicht funktioniert.

<div ng-app="sampleapp" ng-controller="samplecontoller"> 
<span ng-repeat="set in countrySet"> 
<input type="checkbox" ng-model="master" ng-change="isSelectAll()"><label>{{ set.name }}</label><br> 
<span ng-repeat="label in labelList"> 
<input type="checkbox" ng-model="label.selected" ng-change="isLabelChecked()"> 
<label>{{ label.name }}</label> 
</span> 
</span> 

</div> 

http://jsfiddle.net/alok15ee/Cp73s/4447/

Answer 1

folgende Änderungen Sie von set. vor dem HTML-labellist Hinzufügen:

dann die $ scope.labelList in jedem Set-Kopie mit angular.forEach und angular.copy JS:

angular.forEach($scope.countrySet, function(set){ 
    set.labelList =angular.copy($scope.labelList); 
}));