Angular 如何在NGF中显示简单json的所有键和值？

基本上我有一个类似json的（这是一个示例，我的真实json有n个字段，可以是动态的）：

我想要输出（第一个位置）：

我怎么做？我有一个错误，因为angular迭代数组

//in this case, I want show the first position of the data
<div *ngFor="let item of data[0]; let i=index">
  key: {{item}}, value: {{item[i]}}
</div>

//在本例中，我希望显示数据的第一个位置
键：{item}，值：{{item[i]}

这是我的代码：

如果您使用的是Angular（v6.1.0或光栅），您可以使用Angular软件包的通用模块中的

keyvalue

管道，如下所示-

<div *ngFor="let item of data[0] | keyvalue">
    Key: <b>{{item.key}}</b> and Value: <b>{{item.value}}</b>
</div>

键：{item.Key}}和值：{{item.Value}

如果您使用的是Angular（v6.1.0或光栅），您可以使用Angular软件包公共模块中的

keyvalue

管道，如下所示-

<div *ngFor="let item of data[0] | keyvalue">
    Key: <b>{{item.key}}</b> and Value: <b>{{item.value}}</b>
</div>

键：{item.Key}}和值：{{item.Value}

<div *ngFor="let item of data[0] | keyvalue">
    Key: <b>{{item.key}}</b> and Value: <b>{{item.value}}</b>
</div>