Angular 6：材料复选框选中循环中的所有复选框

【问题标题】：Angular 6 :material checkbox checked all checkbox in loopAngular 6：材料复选框选中循环中的所有复选框
【发布时间】：2018-12-11 23:37:55
【问题描述】：

循环中

  <li *ngFor="let item of verticalList;let i=index;">
  <mat-checkbox [(ngModel)]="checked" name="i">Checked</mat-checkbox>
</li>

我想给每个复选框一个不同的选中值。怎么做？

【问题讨论】：

标签： angular6

【解决方案1】：

我不知道什么是 verticalList 类型，但是如果你使用对象列表，你可以这样做：

verticalList = [
  {
    name: 'foo',
    checked: false
  },
  {
    name: 'foo1',
    checked: false
  },
  {
    name: 'foo2',
    checked: false
  }
]

<li *ngFor="let item of verticalList;let i=index;">
  <mat-checkbox [(ngModel)]="item.checked" name="i">Checked {{ item.name }}</mat-checkbox>
</li>

【讨论】：