javascript - Angular 2，(更改)事件未在 Bootstrap 复选框上触发

Question

我有一个问题，(change) 函数未在该复选框中触发。

 <input [(ngModel)]="driver.glasses" name="glasses" type="checkbox" class="make-switch"
   (change)="changeFuntion()"  data-on-color="primary" data-off-color="info">

但在这个中它有效

    <input [(ngModel)]="driver.glasses" name="glasses" type="checkbox" 
   (change)="changeFuntion()"  data-on-color="primary" data-off-color="info">

我注意到 class="make-switch" 是问题所在，因为在该类的第一个复选框中，(change) 不起作用。如何解决这个问题，我需要应用 class="make-switch" 来制作 switch 复选框。

Answer 1

您可以像这样使用 ngModelChange :

这是你的组件.ts

checkboxValue: any;

changeEvent(event: any) {
    console.log(event);
  }

<input type="checkbox" [ngModel]="checkboxValue" (ngModelChange)="changeEvent($event)" data-md-icheck/>