Question

我试图从二维对象数组中打印一个表，其中包含一个属性＆＃39; text＆＃39;。它只打印表格行，遍历字段不起作用。

我的component.html如下所示：

＆＃13;

<section *ngIf="object">
    <table>
      <tr *ngFor="let row of array; let even = even; let odd = odd"
          [ngClass]="{ odd: odd, even: even }">
        <td class="field" *ngFor="let field of array[row]">
          {{field.text}}
        </td>
      </tr>
    </table>
  </section>

＆＃13;

数组：object [] []填写正确，我可以记录＆＃39;文本＆＃39;属性到控制台。问题是：我不知道如何迭代第二维（*ngFor="let field of array[row]"）

Answer 1

假设array是一个数组数组，

您的第二个ngFor应为*ngFor="let field of row"

您无法使用array[row]，因为row包含第二维的数组，而不是索引。

<section *ngIf="object">
    <table>
      <tr *ngFor="let row of array; let even = even; let odd = odd"
          [ngClass]="{ odd: odd, even: even }">
        <td class="field" *ngFor="let field of row">
          {{field.text}}
        </td>
      </tr>
    </table>
  </section>

Example

如何在Angular 5中从2D数组打印表格？

1 个答案: