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" />