通过从Angular数组中获取数据来生成动态表时出错

Question

我正在尝试通过从数组获取数据来生成动态表。请检查所附图片，其中包含我从API获得的结果数组。我正在尝试使用键作为表标题和值作为表数据。

我尝试过* ngFor循环和键值循环，但没有从数组中得到任何东西。

下面是我正在使用的代码块：

<th style="text-align:center" *ngFor="let row of debugQueryData; index as i">{{row}}</th>

此外，我正在debugQueryData中正确获取数据。

如何编写正确的循环以生成动态表？

Answer 1

您可以使用此代码<th *ngFor="let key of objectKeys(debugQueryData)">{{key + ' : ' + debugQueryData[key]}}</th>

此代码的作用是分别获取对象的每个键，然后通过将键传递给对象来获得值

Answer 2

您可以使用此代码<th *ngFor="let key of objectKeys(debugQueryData)">{{key + ' : ' + debugQueryData[key]}}</th>

此代码的作用是分别获取对象的每个键，然后通过将键传递给对象来获得值