angular.jsの選択/非選択ツリー構造

Question

ツリー構造を持ち、ツリーの高さが2であるシナリオを実装しようとしています。各要素にチェックボックスがあり、ノードが選択されると子ノードも選択する必要があります。私は簡単にjqueryでこれを行うことができますが、私はangular.jsでそれを行うことはできません。もちろん、デモフィドルは動作しません。

<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

labelList HTMLの前でset.を追加することにより、以下の変更を行います。

：

次に、各angular.forEachとangular.copy JSで設定に$ scope.labelListをコピーします

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