取消选中所有动态创建的复选框：Angular2

Question

我在我的UI中动态创建了复选框，我想在单击链接时取消选中它们。我正以下列方式接近它：

....
<input type="checkbox" [checked]="checkBox">
....

它们是使用for循环动态创建的多个复选框输入，我将相同的布尔对象'checkBox'分配给[checked]属性。但是当我有一个复选框时，这种方法很有效，它不适用于多个动态创建的复选框。

我该如何解决这个问题？任何帮助/提示将不胜感激。

Answer 1

HTML code is

<button class="btn btn-primary" (click)="toggleCheckBox()">Toggle CheckBox</button>
<input *ngFor="let array of arrays" type="checkbox" [checked]="checkBox">

TypeScript code is

checkBox = true;
arrays = [1, 2, 3, 4, 5];

toggleCheckBox() {
  this.checkBox = !this.checkBox;
}

As long as your array is right and multiple checkboxes are created, I dont find any reason why its not working