角度復選框更改檢測

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);
}