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（而不是实际对象）进行操作。这样就不会在模板中受到影响。希望对您有所帮助。

参考ngFor组件中的值

1 个答案: