ngModel值为true时，Angular 6复选框触发更改

Question

我有ngFor，里面有复选框。

<input type="checkbox" name="checkbox-{{i}}"
  (change)="clickOn(test.fav)" [(ngModel)]="test.fav" />

当test.fav值为true时，会触发

clickOn（）事件。以前有人遇到过这个问题吗？问候。

Answer 1

使用复选框元素的reference并传递值或使用ngModelChange

替换下面的代码

<input type="checkbox" name="checkbox-{{i}}" (change)="clickOn(test.fav)" [(ngModel)]="test.fav" />

作者

<input type="checkbox" name="checkbox-{{i}}" #test 
     (change)="clickOn(test.value)" [(ngModel)]="test.fav" />

或

 <input type="checkbox" name="checkbox-{{i}}" #test 
     (ngModelChange)="clickOn($event)" [(ngModel)]="test.fav" />