檢查是否所有複選框都被選中

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