如何使用* ngFor迭代对象键我想在Angular 2中使用* ngFor迭代[object object]。问题是对象不是对象数组而是包含更多对象的对象对象。{
"data": {
"id": 834,
"first_name": "GS",
"last_name": "Shahid",
"phone": "03215110224",
"role": null,
"email": "test@example.com",
"picture": **{ <-- I want to get thumb: url but not able to fetch that**
"url": null,
"thumb": {
"url": null
}
},
"address": "Nishtar Colony",
"city_id": 2,
"provider": "email",
"uid": "test@example.com"
}}我知道我们可以使用管道迭代对象，但我们如何能够从对象进一步迭代意味着data-> picture-> thum：url。
3 回答
千万里不及你
TA贡献1784条经验 获得超9个赞
我认为最优雅的方法是使用这样的javascript Object.keys：
在Component中将Object传递给模板：
Object = Object;
然后在模板中：
<div *ngFor="let key of Object.keys(objs)">
my key: {{key}}
my object {{objs[key] | json}} <!-- hier I could use ngFor again with Object.keys(objs[key]) --></div>- 3 回答
- 0 关注
- 885 浏览
添加回答
举报
0/150
提交
取消