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

Ari*_*ule 7 checkbox ionic2 angular

如何确定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>
Run Code Online (Sandbox Code Playgroud)

以下回报 undefined

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

 }
Run Code Online (Sandbox Code Playgroud)

小智 23

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

HTML

<ion-checkbox color="dark" checked="true" (ionChange)="datachanged($event)" ></ion-checkbox>
Run Code Online (Sandbox Code Playgroud)

打字稿

datachanged(e:any){
    console.log(e);
    console.log(e.checked);
}
Run Code Online (Sandbox Code Playgroud)


Fra*_*nco 6

只需使用NgModel

<ion-checkbox checked="false" [(ngModel)]="yourVariable.checked"></ion-checkbox>
Run Code Online (Sandbox Code Playgroud)