Angular：使用 [(ngModel)] 取消选中复选框答案

【问题标题】：Angular: Uncheck Checkbox With [(ngModel)]Angular：使用 [(ngModel)] 取消选中复选框
【发布时间】：2018-09-14 22:39:57
【问题描述】：

我有一个包含复选框的表单当我在标签中添加[(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中但没用

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

【问题讨论】：

标签： javascript html angular typescript checkbox

【解决方案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}
];

【讨论】：

【解决方案2】：

你可以使用

this.model.text = false;

【讨论】：