javascript - 如何通过Angular中数组中的不同对象迭代*ngFor?
问题描述
我从 API(服务器)动态生成了不一致的对象数组。
例如:
array = [
{name: 'blah', age:2},
{status: 'pending', date: '20-20-2020'},
{blah: 'foo', google: 'bar'},
{apple: 'android', microsoft: 'eeewww'}
]
这个数组可以是任何具有不同键和值的东西。
我如何遍历它以显示其中的值
ngFor
?
我目前正在做的事情:
this.printArray = JSON.stringify(JSON.parse(this.array), null, 4);
<div *ngFor="let print of printArray">
{{print}} // it prints the array like {"name": blah, "age": 2} but i don't want it in this way
</div>
解决方案
您可以使用Angular 键值管道
<div *ngFor="let element of myArray">
<!--element is an object-->
<div *ngFor="let item of element|keyvalue">
{{item.key}}:{{item.value}}
</div>
</div>
推荐阅读
- java - 为什么 AES 产生不同的结果以及为什么 DES 不产生
- java - DMS-50763 oracle weblogic 中的错误 12 个可能的原因
- java - 如何查看我的服务的锯齿机文档?
- python - How to quickly mask different slices in my array?
- qt - QGraphicsItem,如何在孩子上方绘制元素?
- perl - 我如何使用 perl 模块 XML::LibXML 创建 xml 内容/文档
- java - 如何对 Linux 上的 Apache Accumulo 安装进行故障排除?
- sql - 更新表时触发
- python - 将 pandas df 写入 excel 时没有名为 xlsxwriter 的模块错误
- list - 在具有动态高度的同一页面上颤动两个 listview.builder