title: Render HTTP-Response as a list in Angular2
body: <p>I have a json response like this.</p>
  
  <pre><code>{
    "response": {
      "data": {
        "customers": [{
          "customerNumber": "123",
          "customerName": "ABC",
          "customeraddresse": [{
            "address": "test"
          }]
        }, {
          "customerNumber": "345",
          "customerName": "CDS",
          "customeraddresse": [{
            "address": "test1"
          }]
        }]
      }
    }
  }
  </code></pre>
  
  <p>I am doing a request like this to get the response data. And it will be returned, as I already checked.  </p>
  
  <pre><code>public getData(): Promise&lt;any&gt; {
    let payload = JSON.stringify( ... );
    let headers = new Headers({ 'Content-Type': 'application/json'});
  
    return this.http.post(this.url, payload, { headers: headers })
               .toPromise()
               .then(res =&gt; {                  
                  this.response_data = res.json().response.data;                  
                  return this.response_data;
               })
               .catch(this.handleError);
  }
  </code></pre>
  
  <p>But the problem is, that I want to get the value of customerNumber and customerName, and display them in a list</p>
  
  <p>In this example, there are two customers, so this markup should be rendered two times:</p>
  
  <pre><code>&lt;div&gt;
    &lt;div&gt;CustomerNumber&lt;/div&gt;
    &lt;div&gt;CustomerName&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>