Angular 4 checkbox trigger change event on model change Angular 4 checkbox trigger change event on model change typescript typescript

Angular 4 checkbox trigger change event on model change


We have to achieve this functionality with event handler and not with 2 way binding

<input type="checkbox" id="1"       [ngModel]="filter" (ngModelChange)="onFilterChange($event)"> Checkbox<button (click)="onFilterChange($event)">Change Status</button>  

and in TS,

export class HelloWorld {  filter = false;  onFilterChange(eve: any) {    this.filter = !this.filter;  }}