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

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