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

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

My component.html如下所示：

{{field.text}

假设

数组

是数组的数组

您的第二个

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>

{{field.text}

---

小旁注，您不需要向元素添加奇偶类，您可以使用普通CSS:

table>tr:n类型（奇数）