HTTPレスポンスをAngular2のリストとしてレンダリングする

Question

私はこのようなjsonレスポンスを持っています。

{ 
    "response": { 
    "data": { 
     "customers": [{ 
     "customerNumber": "123", 
     "customerName": "ABC", 
     "customeraddresse": [{ 
      "address": "test" 
     }] 
     }, { 
     "customerNumber": "345", 
     "customerName": "CDS", 
     "customeraddresse": [{ 
      "address": "test1" 
     }] 
     }] 
    } 
    } 
} 

私はこのようなリクエストをしてレスポンスデータを取得しています。私はすでにチェックした通り、返されます。

public getData(): Promise<any> { 
    let payload = JSON.stringify(...); 
    let headers = new Headers({ 'Content-Type': 'application/json'}); 

    return this.http.post(this.url, payload, { headers: headers }) 
      .toPromise() 
      .then(res => {     
       this.response_data = res.json().response.data;     
       return this.response_data; 
      }) 
      .catch(this.handleError); 
} 

しかし、問題は、私はCUSTOMERNUMBERとCUSTOMERNAMEの値を取得したいということであり、この例では、リスト

に表示し、そこに2人の顧客があるので、このマークアップは2レンダリングする必要があります回数：

<div> 
    <div>CustomerNumber</div> 
    <div>CustomerName</div> 
</div> 

Answer 1

ループは*ngForです。テンプレートで

：

<div *ngFor="let customer of response_data.customers"> 
     <div>{{customer.customerNumber}}</div> 
     <div>{{customer.customerName}}</div> 
</div>