Кнопка «Отключить/Включить» на основе выбора флажка

Question

У меня есть список флажков и основной флажок, который, если выбран, проверяет все флажки. Я также могу проверить отдельные флажки.

HTML:

<button type="button" ng-disabled="!selectedAll">Click</button> 
<div> 
    <input type="checkbox" ng-model="selectedAll" class="checkbox" ng- click="toggle=!toggle"> 
</div>  

<div ng- repeat="item in items" > 
    <input type="checkbox" ng- checked="toggle" ng-model="selectedCheckBox[item.id]"> <i></i> 
</div> 

Контроллер:

$scope.toggle = false; 
$scope.selectedIntervention = {}; 

Я могу отключить/включить кнопку, выбрав основной флажок (за пределами нг-повтора), позволяя ng-disabled="!selectedAll" .Но I «Я не могу свернуть кнопку, если я выберу любой флажок, который находится внутри ng-repeat. Я попытался дать ng-model="!selectedCheckBox", но не работал таким образом. Любое возможное решение очень ценится. Спасибо

$scope.toggle = false; 
$scope.selectedCheckBox = {}; 

Answer 1

ли следующие

Добавить

ng-click="checked(toggle)" 

В

<input type="checkbox" ng-click="checked(toggle)" ng-model="selectedCheckBox[item.id]"> 

И изменение кнопки, как этот

<button type="button" ng-disabled="!toggle">Click</button> 

И в контроллере

$scope.checked = function() { 
    $scope.toggle = !$scope.toggle; 
}