角4複選框觸發更改事件

Question

HTML

<input type="checkbox" id="1" [(ngModel)]="filter" (change)="onFilterChange($event)"> CheckBox 

<button (click)="filter = !filter">Change Status</button> 

TS

export class HelloWorld { 

    filter : false; 

    onFilterChange() { 
    console.log('filter change called'); 
    } 
} 

當我直接點擊複選框更改事件被觸發。但是當我點擊「更改狀態」按鈕複選框狀態正在改變，但改變事件不會觸發。有人可以讓我知道如何做到這一點？

Answer 1

我們必須實現與事件處理程序這個功能，而不是與2路結合

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

<button (click)="onFilterChange($event)">Change Status</button> 

和TS，

export class HelloWorld { 

    filter = false; 

    onFilterChange(eve: any) { 
    this.filter = !this.filter; 
    } 
}