Триггеры флажка Angular 6 изменяются, когда значение ngModel равно true

Question

У меня есть ngFor, а внутри у меня есть флажок.

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

clickOn () событие срабатывает, когда значение test.fav равно true. Кто-нибудь имел эту проблему? С уважением.

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