如何使用* ngFor迭代對象鍵我想在Angular 2中使用* ngFor迭代[object object]。問題是對象不是對象數組而是包含更多對象的對象對象。{
"data": {
"id": 834,
"first_name": "GS",
"last_name": "Shahid",
"phone": "03215110224",
"role": null,
"email": "[email protected]",
"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": "[email protected]"
}}我知道我們可以使用管道迭代對象，但我們如何能夠從對象進一步迭代意味著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 關注
- 914 瀏覽
添加回答
舉報
0/150
提交
取消