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

Question

循环中

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

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

标签： angular6

Answer 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>