2017-08-10 15 views
1

アンカータグ内のオブジェクトの配列のオブジェクトを反復処理する必要があります。私のコードの形式であるオブジェクトの配列のオブジェクトの反復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、次の私は、最後の3-4時間からこの中に立ち往生しています

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

HTML

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

を提出。どんな助けもありがとう。

+2

を使用して、それらをループは、投稿する前に正しくコードや質問をフォーマットする時間を取ることができます。また、あなたが投稿したコードやそれを解決するために何をしなかったのか、まさにあなたの混乱が何であるのか説明していません。 – csmckelvey

+0

キーは連続番号ですか? – alehn96

答えて

1

あなたは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> 
+0

ありがとうございます。あなたは私の時間を救っただけではない。あなたも私を救った:)私はこの素早く短い答えを探していた。 –

関連する問題