时间戳

首页 > 解决方案 > 在组件中引用 ngFor 值

html - 在组件中引用 ngFor 值

问题描述

我有一个嵌套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>

这可以实现吗？

标签： htmlcssangular

解决方案

好吧，您需要先克隆该对象属性。由于该对象链接到模板，当您操作它时，它也在模板上被操作。您可以使用var obj = Object.assign({}, actual obj)然后对 obj 进行操作，而不是实际操作。然后它不会在模板中受到影响。希望能帮助到你。

推荐阅读