Как в ангуларе Кнопку сделать Enabled если все Чекбоксы выбраны?

Question

[Demigodd]

Допустим есть переменная isEnabled = true; , isShow = false;
и 4 чекбокса -> md-checkbox`a и одна кнопка которая ng-disabled="isEnabled".

<md-checkbox>
SOME TEXT.....
</md-checkbox>

<md-checkbox ng-if="isShow">
SOME TEXT.....
</md-checkbox>

<md-checkbox>
SOME TEXT.....
</md-checkbox>

<md-checkbox>
SOME TEXT.....
</md-checkbox>

<button ng-disabled="isEnabled"> Delete </button>

Вот пример из CodePen

Как сделать так что бы если все чекбоксы нажаты то Button сделать Enabled ?
проблема в том что иногда некоторые из этих Чекбоксов могут быть невидимыми, то есть ng-If.

Может к примеру быть 2 чекбокса а не 4, как в этом случает кнопку сделеать Enabled ?

Answer 1

[Даша Циклаури]

чекбоксы нужно связать с моделью данных через `ng-repeat`, модель данных это массив, создать геттер `isButtonDisabled = ()=>checkboxList.some(i=>!i.checked)` забиндить этот геттер на кнопку

Answer 2

[Aset]

Делайте через валидацию из коробоки. В чем проблема?

Comments

[Demigodd]

Валидация Чекбокса?
Можете скинуть пример ?

[Aset]

DEATH2298, https://stackblitz.com/edit/angular-6-reactive-for... так?

[Даша Циклаури]

Aset а у него разве не первый Энгуляр?

[Aset]

Даша Циклаури, первый. Тоже самое можно сделать и на первом.

[Demigodd]

Aset, Проблема тут в том что если один чекбокс в ngIf`e то кнопка никогда не станет Enabled.
Не обязательно ngif просто нужно убрать один или несколько чекбоксов по условий.

[Aset]

DEATH2298, Менят массив валидации по условии if, тогда и кнопка будет доступной.

Валидация же массив.