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);
   }
   

当您选择所有项目时，您将使用整个数组。