确定Ionic 2中是否选中了复选框

时间:2016-10-30 11:58:17

标签: angular checkbox ionic2

如何确定Ionic 2中是否选中了离子复选框。

   <ion-item *ngFor="let a of q.Answers">
      <ion-label>{{a.AnswerDescription}}</ion-label>
      <ion-checkbox (click)="addValue($event)"></ion-checkbox>
   </ion-item>

以下返回undefined

 addValue(e): void {
     var isChecked = e.currentTarget.checked;
     console.log(isChecked);//undefined

 }

2 个答案:

答案 0 :(得分:21)

如果您真的想将$ event作为参数传递,请使用e.checked属性,如下所示。

<强> HTML

<ion-checkbox color="dark" checked="true" (ionChange)="datachanged($event)" ></ion-checkbox>

<强>打字稿

datachanged(e:any){
    console.log(e);
    console.log(e.checked);
}

答案 1 :(得分:5)

只需使用NgModel

<ion-checkbox checked="false" [(ngModel)]="yourVariable.checked"></ion-checkbox>