Ionic 2如何检查按钮单击上的所有复选框并获取复选框的值

Question

我在Angular 2中相当新，因此Ionic 2，我有一点问题，任何机构都可以告诉我如何检查按钮点击的所有复选框？以及如何在另一个按钮点击上获得值oc复选框。

这是我的html看起来像

<div class="card item-icon-right"  *ngFor="let item of items" >
    <ion-checkbox *ngIf="showCheckBoxes" [(ngModel)]="item.id" mode="ios"></ion-checkbox>
</div>
<button class="button button-calm">Check All</button>
<button class="button button-primary">Get selected Values</button>

由于

Answer 1

你可以有两个复选框元素

1. 选择全部 - 根据一次点击（简单切换）制作所有元素

2. 选择特定的

   <div class="card item-icon-right"  *ngFor="let item of items" >
        <ion-checkbox *ngIf="showCheckBoxes && selectedAll" [(ngModel)]="item.id" mode="ios" [checked]="selectedAll"></ion-checkbox>
   
        <ion-checkbox *ngIf="showCheckBoxes && !selectedAll" [(ngModel)]="item.id" mode="ios" ></ion-checkbox>
   </div>
   

   全部检查 获取选定的值

   checkAll(){
       this.selectedAll=true;
       console.log(this.items);
   }
   

当您选择所有项目时，您正在使用整个阵列。