问题：
在Angular 8中迭代对象关键点[重复]
田昊天
我有一个目标：
protected products: {
[key: string]: {
color: string,
brand: string,
};
} = {};
products = {
scan12345: {color: "Orange", brand: "X"},
scan13813: {color: "Pink", brand: "X"},
}
我如何在我的组件Tempate中迭代这个项目？我试过：
<ion-item *ngFor="let pro of products">
{{ pro.color }}
</ion-item>
共有1个答案
濮景龙
您可以使用KeyValuePipe：
<ion-item *ngFor="let pro of products | keyvalue">
{{ pro.value.color }}
</ion-item>
文档：https://angular.io/api/common/KeyValuePipe
类似资料：
-
我是java8的新手。 我有以下课程。 我能够保存这个在mongo收集： 现在，我得出了基于spring mongo数据存储库的结果。我想迭代上面的mongo集合，这样我只能得到我尝试过的以下车辆列表： 请帮助我了解java8。提前谢谢
-
我有一个要迭代通过的JSON对象。 我正在使用映射这些值，我认为这是处理对象的正确方法： 但是，当我希望对象返回时，上面的返回以下内容： 为什么它返回的是值，而不是对象？
-
我试图在Angular 2 Alpha 28中做一些事情，并且对字典和有问题。 我在TypeScript中有一个界面，如下所示： 在JavaScript中，这将转换为具有数据的对象，该对象可能看起来像这样： 我想重复一下，并尝试了以下方法： 但是，以下任何一项都不起作用： 在所有情况下，我都会收到错误，例如或 我错过了什么？这再也不可能了吗？（第一个语法在Angular 1. x中工作）或者迭代对
-
我目前正在努力迭代从第三方API获取的JSON对象。您可能会看到，以前没有真正处理过获取API。 这是我正在获取的JSON文件： 链接到JSON文件 为了获取数据，我使用一个useFetch脚本，它看起来像这样： 我稍后尝试导出的只是每个角色/冠军的名称（他本身就是一个对象，包括名称、描述等） 不幸的是，我在尝试转换JSON对象表示：
-
我有一本字典的格式是 我如何通过执行以下操作来遍历此词典
-
如何迭代对象及其子对象的属性？我在中使用了，但无法获取歌曲信息：/