2016-06-12 8 views
1

これはおそらく簡単な答えですが、私はすでに何の成功もなしにそれを理解しようと数日間を費やしました。Angular2でJSON配列を含むAPIレスポンスを反復する方法

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

私はAngular2でそれをトラフ反復しよう:メンバーによるIループとは、自分の財産を読み取ることができますどのように

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

アンHTTP GETは、この身体の応答を返しますか? 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> 
関連する問題