Angular：使用[（ngModel）]取消选中复选框

Question

我有一个包含复选框的表单 当我将[(ngModel)]添加到代码时，会在页面加载

时自动检查该复选框

 <input type="checkbox" name="test" id="test" [(ngModel)]="model.test" value="1"> test

我尝试使用

解决此问题

  ngOnInit() {
   let test = document.getElementById('test') as HTMLInputElement;
   test.checked = false;
  }

在.ts但没有工作

有什么办法可以在加载页面时取消选中复选框吗？

Answer 1

问题是你的模型，使用：

model.text = false;

但在正常模式中必须是：

let model = [
  {id: 1, label: "Check 1", checked: false},
  {id: 2, label: "Check 2", checked: false},
  {id: 3, label: "Check 3", checked: false}
];

Answer 2

你可以使用

this.model.text = false;