[英]Angular 9 `*ngFor` not working with `Array` of object
您有一个包含一个项目的object
array
。 所以,试试这个:
id: {{images[0]["asset_id"]}}
name: {{images[0]["asset_name"]}}
<div *ngFor="let img of images">
<span>{{ img.asset_id }}</span>
</div>
我在Stackblitz上为您创建了一个示例
test [object Object]
是 bcz 您试图在没有迭代的情况下打印数组。
要在不迭代的情况下打印对象数组,我们需要使用索引来访问数组值或使用json
管道来打印对象或对象数组。
// output: test [ { "asset_id": "asset_id", "asset_name": "asset_name" } ]
test {{ images | json }}
或使用数组索引访问
{{ images[0].asset_id }}
{{ images[0].asset_name }}
...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.