javascript - 用户单击后 Angular 更改复选框的状态

Question

我有以下代码应该在点击时将选中的值设置为 false:

@Component({
  template: `
    <input type="checkbox" [checked]="checked" (change)="onChange()">
   `
})
export class AppComponent  {

  checked = false;

  onChange() {
    setTimeout(() => {
      this.checked = false;
    }, 1000)
  }

}

问题是，如果我们单击输入并等待一秒钟，它将保持选中状态。为什么会这样？为什么 Angular 不再将其更改为 false？

Answer 1

长话短说 Angular 复选框刚刚坏了:Issue

但是，如果您想要实现这种效果，我建议您创建自己的自定义组件，其作用与复选框相同。

这是 Checkbox madnes 的另一个有趣示例尝试与“With track by”和“No track by” block 交互，看看会发生什么。