json Angular 中网格/表格的对象数组

wmvff8tz  于 2023-02-01  发布在  Angular
关注(0)|答案(1)|浏览(117)

我有一个对象数组形式的数据,如下所示:

[{
    "x":1,
    "y":10,
    "val": 13
},
{
    "x":1,
    "y":20,
    "val": 15
},
{
    "x":2,
    "y":10,
    "val": 12
},
{
    "x":2,
    "y":20,
    "val": 16
}
]

我希望这些数据显示在一个HTML表格中,如下所示:
如何进行?

u3r8eeie

u3r8eeie1#

我会解析数据,这样你就有了一个二维数组。

[
  [13,12],
  [15,16],
]

然后使用两个嵌套的ng-for循环来呈现内容:

<div *ngFor="let row of matrix">
    <span *ngFor="let item of row">{{item}}</span>
</div>

并将集管分开放置。

相关问题