2016-06-12 63 views
1

這可能是一個簡單的答案,但我已經花了數天的時間試圖弄清楚,沒有任何成功。如何迭代包含Angular2中的JSON數組的API響應

的HTTP GET返回這個身體反應:

{"members":[{"id":1484,"organization_id":3},{"id":1777,"organization_id":3},{"id":2214,"organization_id":3},{"id":2261,"organization_id":3}]} 

我嘗試循環槽它Angular2:

getMembers() { 
    this.http.get('http://server/user/members') 
    .map(res => res.json()) 
    .subscribe(
     data => this.members = data.members 
    ); 
} 

我如何遍歷成員和閱讀他們的財產? HTML模板可以做到這一點非常清楚:

<li *ngFor="let m of session.members"> 
{{m.id}} 
</li> 
+0

我真的不知道是什麼問題。請檢查我的答案,並添加評論,如果你想要的東西不同。 –

回答

1
getMembers() { 
    this.http.get('http://server/user/members') 
    .map(res => res.json()) 
    .subscribe(
     data => { 
      this.members = data.members; 
      this.members.forEach(m => console.log(m.id)); 
     }); 
    ); 
} 
+0

好吧,我現在覺得很蠢。非常感謝Günter爲您提供迅速而明確的答案。其實我錯誤地嘗試了forEach函數,因此我放棄了它。 –

+0

不需要感到愚蠢。在嘗試新的東西時,大腦有時會有點失落:D –

0

如果你想遍歷它的模板,嘗試:

<li *ngFor="#m of session.members | async"> 
    {{m.id}} 
</li>