Angular 2复选框 - 如何使用[checked]和（ngModelChange）？

Question

我无法以编程方式在Angular 2中设置复选框。只要用户选中复选框，以下代码就会触发onCheck()。我也可以通过将this.select设置为'true'来以编程方式选中复选框。

<input type="checkbox" [(ngModel)]="v.checked" [checked]="select" (ngModelChange)="onCheck(v.checked)">

我的问题是，当我将this.select设置为'true'时，ngModelChange似乎无法检测到更改并且onCheck()无法触发......： - （< / p>

任何提示？是否有另一种方法可以以编程方式设置复选框并使其关联的函数触发？

Answer 1

您可以使用带有组件变量的复选框，如：

@Component({
  selector : 'my-component'
  template : `<input type="checkbox" [(ngModel)]="selected"/>`
})
export class MyComponent(){
   public selected: boolean = false;
}