すべてのチェックボックスがチェックされていることを確認してください

Question

ダイナミックチェックボックスに以下のように入力した場合、すべてのチェックボックスがオンになっているかどうかをチェックすることができます。あなたは何ができるかアンギュラ2+

<ion-item *ngFor="let field of filters"> 
    <ion-checkbox [(ngModel)]="filters[field]"></ion-checkbox> 
</ion-item> 

Answer 1

を使用して

イムは、あなたのfilters配列にブール値を導入し、すべてのチェックボックスがある場合は、あなたの双方向結合へと変更チェックイン時にそれを割り当てることですチェックし、ボタンに別のブールフラグを切り替える：

あなたの配列：

filters = [{value:'val1',isChecked:false}, {value:'val2', isChecked:false}] 

テンプレート：

<ion-item *ngFor="let field of filters"> 
    <ion-checkbox (click)="check()" [(ngModel)]="field.isChecked"> 
    {{field.value}} 
    </ion-checkbox> 
</ion-item> 
<button ion-button [disabled]="!allChecked">Button</button> 

、その後、クリックイベント：

check() { 
    this.allChecked = this.filters.every(x => x.isChecked === true) 
} 

DEMO：https://plnkr.co/edit/sVwz5OjL559x7eUlGK0c?p=preview