阻止默认(ionChange)离子复选框

时间:2018-11-29 20:00:27

标签: ionic-framework ionic3

我想做的是防止(ionChange)上发生默认事件。

我希望能够将复选框checked = true或checked = false设置

条件为真或假。

<ion-item *ngFor="let classroom of teachersClassrooms">
    <ion-label>{{classroom.name}}</ion-label>
    <ion-checkbox color="royal" [checked]="classroom.is_set" (ionChange)="updateClassroom(classroom, $event)"></ion-checkbox>
</ion-item>

updateClassroom(item, cbox: Checkbox){
    //cbox.preventDefault();   ------> Not Work

    if(something){
        cbox.checked = true
    }else{
       cbox.checked = false
    }
}

1 个答案:

答案 0 :(得分:0)

以上评论是解决最终问题的更好方法。但是要回答“我想做的是防止ionChange上的默认事件”这个问题,以下内容可在Ionic 4模板中使用:

<ion-checkbox (click)="$event.stopPropagation()" (ionChange)="doSomething()"></ion-checkbox>