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');
}
}
当我直接点击check box时,change事件被触发。但是,当我单击“更改状态”按钮时,复选框状态正在更改,但未触发更改事件。有人可以告诉我该怎么做吗?
最佳答案
我们必须使用事件处理程序而不是双向绑定(bind)来实现此功能
<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;
}
}
关于模型更改时 Angular 4 复选框触发更改事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46647105/