Как получить все проверенные чекбоксы из динамического списка

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>

Вот метод проверки значения. 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