Ссылка ngFor значение в компоненте

Question

У меня есть вложенный оператор ngFor.Мне нужно получить значение моего первого ngFor при нажатии кнопки.

Я пробовал следующее:

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

Это мой код:

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

  </mat-expansion-panel-header>

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

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

  <div style="text-align:center; padding: 20px">
    <button mat-raised-button color="primary" (click)="submit()" type="submit">Add</button>
  </div>

</mat-expansion-panel>

Можно ли этого достичь?

Answer 1

Ну, вам нужно сначала клонировать свойства этого объекта. Поскольку этот объект связан с шаблоном, когда вы манипулируете им, он также манипулирует шаблоном. Вы можете использовать var obj = Object.assign({}, actual obj) и затем делать манипуляции с obj вместо действительного. Тогда это не будет затронуто в шаблоне. Надеюсь, это поможет.