對象數組的對象的迭代Angular4

我需要迭代錨標記中對象數組的對象。以下是我的代碼的格式對象數組的對象的迭代Angular4

{"1":{"uri":"test1","name":"test1","icon":"http:\/\/dummyurl\/images\/icons\/test1-icon.png","application_id":1},"2":{"uri":"test2","name":"test2","icon":"http:\/\/dummyurl\/images\/icons\/test2-icon.png","application_id":2},"3":{"uri":"test3","name":"test3","icon":"http:\/\/dummyurl\/images\/icons\/test3-icon.png","application_id":3},"4":{"uri":"test4","name":"test4","icon":"http:\/\/dummyurl\/images\/icons\/test4-icon.gif","application_id":4},"5":{"uri":"test5","name":"test5","icon":"http:\/\/dummyurl\/images\/icons\/test5-icon.png","application_id":5}}

的.ts文件

this.applicationService.getApplication(id) 
    .subscribe(applications => { 
    this.applications = applications.response;});

HTML

<a class="dropdown-item" href="#" NgForOf=" let obj of applications"> 
    {{obj.name}} </a>

我被困在這個從去年3-4小時。任何幫助將不勝感激。

來源

2017-08-10 Nitu Dhaka

採取格式化你的代碼，並在發佈前正確提問的時間。此外，你還沒有解釋什麼不適用於你發佈的代碼或你做了什麼來解決它，或者你確切的困惑是什麼。 – csmckelvey

鑰匙是連續的數字？ – alehn96

您可以通過他們循環使用Object.keys(apps)

this.applicationService.getApplication(id) 
    .map(result => result.response) 
    .subscribe(apps=> { 
    this.applications = Object.keys(apps).map(k => apps[k]) 
    });

HTML

<div *ngFor="let app of applications">{{app | json}}</div>

來源

2017-08-10 14:08:23 Kld

非常感謝@KId。你不僅節省了我的時間。你也救了我:)我正在尋找這個快速和簡短的答案。 –

對象數組的對象的迭代Angular4

回答

相關問題