Angular 2,(更改)事件未在bootstrap复选框上触发

时间:2017-07-21 05:13:05

标签: javascript twitter-bootstrap angular typescript

我遇到了问题,(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"来切换复选框。

1 个答案:

答案 0 :(得分:2)

您可以像这样使用ngModelChange:

这是你的组件

checkboxValue: any;

changeEvent(event: any) {
    console.log(event);
  }
<input type="checkbox" [ngModel]="checkboxValue" (ngModelChange)="changeEvent($event)" data-md-icheck/>