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

Angular 如何从动态列表中获取所有选中的复选框,angular,typescript,checkbox,angular6,Angular,Typescript,Checkbox,Angular6,我有一个复选框的动态列表,我只想将选中的复选框发送到我的请求。。。 但我不知道怎么做 以下是我的复选框列表: <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 *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>

正在工作

您能否为此创建stackblitz。
checkValue(item: any, index: any) {
   return this.placesList.some(e => e === item);
}
<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(event, index, item) {
   item.checked = !item.checked;
}