如何从动态列表中获取所有选中的复选框

Question

我有一个动态的复选框列表，我只想将选中的复选框发送给我的请求... 但是我不知道该怎么做...

这是我的复选框列表：

<div *ngFor="let p of places;  let i=index">
   <mat-checkbox class="example-margin secondary-text" [checked]="checkValue(p, i)" id="{{p}}">
      places
   </mat-checkbox>
</div>

这里是checkvalue方法。 placesList是默认设置，默认情况下，我使用它来选中复选框。

checkValue(item: any, index: any) {
   return this.placesList.some(e => e === item);
}

Answer 1

<div *ngFor="let p of places; let i = index;">
   <mat-checkbox [checked]="item.checked" (change)="onChange($event, i, item)">
      {{item.label}}
   </mat-checkbox>
</div>

然后在您的组件中添加onChange函数：

onChange(event, index, item) {
   item.checked = !item.checked;
}

工作StackBlitz