為什么切換復選框返回 false？

Question

我在頁面上顯示復選框。

當我點擊它時，它被更改為true/false 。 如果為真，則應檢查 cehckbox。

問題是當我點擊第一個復選框時它起作用，當我點擊第二個時我出錯了completed: false in object {id: 2, content: "CSS", completed: false} ，盡管復選框被選中：

圖 1

代碼是通過鏈接到stackblitz

Answer 1

您使用的 ngModel 指令錯了它的 [(ngModel)] 而不是 ([ngModel])

Answer 2

復選框有一個 state（選中或不選中），而不是一個值。 如果您在單擊后更改 model 值，請僅使用復選框顯示當前 state。所以我會更改：

[(ngModel)]="todo.completed"

到[checked]="todo.completed"