如何在 Angular 上显示我的 JSON 的键和值？答案

【问题标题】：How to show the key and the values of my JSON on Angular?如何在 Angular 上显示我的 JSON 的键和值？
【发布时间】：2021-12-18 00:44:34
【问题描述】：

`我的代码是这样的：*ngFor="let m of Markets | keyvalue">{{m.key | json}} {{m.value | json}}

问题是键是 0,1,2,3,4,5 而不是 TMALL 和 JD，值是 tmall 和里面的所有数组，所以我想把它分开。

这是一个奇怪的问题，因为数据库的 JSON 是这样的： [{"天猫":["vino","aceite","chocolate","lacteos","cafe","cerveza","bebidas","licores","comida para bebe","conservas"]} , {"JD":["vino","aceite","chocolate","lacteos","cafe","cerveza","bebidas","licores","comida para bebe","conservas"]}

【问题讨论】：

请考虑编辑您的问题，添加 sn-ps（``` 分隔符内的代码）和一些可重现的代码
请提供足够的代码，以便其他人更好地理解或重现问题。

标签： javascript angular typescript frontend

【解决方案1】：

您的模型是一个列表，而不是地图。你应该嵌套两个 ngFor，一个是常规的，另一个是 | keyvalue

<div *ngFor="let m1 of Markets">
    <div *ngFor="let m2 of m1 | keyvalue">{{m2.key | json}} {{m2.value | json}}></div>
</div>

【讨论】：

它有效！！！！谢谢先生
@Alvaromasa1 因此，如果您可以投票并验证我的回答，那就太好了！
btw | json 上的 m2.key 绑定是没用的。你可以删除它