html - 如何在 Angular 项目中读取/显示 ArrayObject？

Question

我从 API 接收以下数据：

[[9, "Brown", 2], [1, "Amy", 1]]

我想在我的 Angular 应用程序中以表格格式显示它。我已经尝试过以下代码，但我认为这不是正确的方法。

<tbody>
    <tr *ngFor="let user of report">
        <td>{{user[0]}}</td>
        <td>{{user[1]}}</td>
        <td>{{user[2]}}</td>
    </tr>
</tbody>

标签： htmlangulartypescript

Answer 1

它是数组的数组，您需要在这种情况下迭代两个 for 循环。

<table>
    <tbody>
         <tr *ngFor="let user of data">
             <td *ngFor="let e of user">{{ e }}</td>
         </tr>
     </tbody>
</table>