角度复选框更改检测

Question

我有一个简单的复选框组件：

ts: @Input() checked: boolean;

html: <input type="checkbox [checked]="checked" #input>

到目前为止，效果不错。这是一种简单的单向绑定。

但是在用户单击它之后，我想要一个函数来还原原始状态（取消取消）。

我尝试了一些更改检测来触发html内容并获取原始值，但是它不起作用。

this.changeDetectorRef.detectChanges();

有什么主意吗？谢谢！

Answer 1

您可以尝试在状态更改时调用函数

HTML

<input type="checkbox (change)="checkChange($event)" [checked]="checked" #input>

TS

checkChange(event) { 
     console.log(event.checked);
}