Список выбора матов внутри панели расширения

Question

Мне нужно создать список выбора с флажками внутри панели расширения расширения

<mat-expansion-panel *ngFor="let item of Dataseource">
  <mat-expansion-panel-header style="display:flex" class="mat-row">
    {{datasource.showheader}}
  </mat-expansion-panel-header>
  <div *ngFor="let match of Datasource; let i= index">

                      <mat-selection-list  [(ngModel)]="selectedOptions" (ngModelChange)="onNgModelChange($event)">
                            <mat-list-option [value]="match">
                              <div class="container-name">
                                <div class="col-6">{{match.Name }}  vs {{ match.Address }}</div>
                              </div>
                              <mat-divider [inset]="true" *ngIf="!last"></mat-divider>
                            </mat-list-option>
                          </mat-selection-list>
    </div>
  </div>
</mat-expansion-panel>

Я должен иметь возможность выбирать отдельные элементы и добавлять в список объект с заголовком и выбранными элементами

Answer 1

Не уверен, почему за это меня проголосовали.

Конечно, я нашел решение проблемы и, надеюсь, смогу помочь кому-нибудь.

Answer 2

<mat-expansion-panel *ngFor="let item of Datasource">
  <mat-expansion-panel-header style="display:flex" class="mat-row">
    {{item.Name}}
  </mat-expansion-panel-header>

                      <mat-selection-list ngFor="let match of item.match; let i= index;" [(ngModel)]="selectedOptions" (ngModelChange)="onNgModelChange($event)">
                            <mat-list-option *ngFor="let match of item.match" [value]="match">
                              <div class="container-name">
                                <div class="col-6">{{match.Name }}  vs {{ match.Address }}</div>

                              </div>

                            </mat-list-option>
                          </mat-selection-list>

      </div>

      <hr>
</mat-expansion-panel>