在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.執行以下更改：

然後$ scope.labelList複製到每個設置與angular.forEach和angular.copy JS：

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