title: Iterate a Json Object with ngFor
body: <p>I get from a webserver the following JSON String.</p>
  
  <pre><code>[
  {"name":"Joe Lincoln","age":"42","grade":"9","active":"1"},
  {"name":"Jack Smith","age":"38","grade":"8","active":"1"},
  {"name":"Peter Smith","age":"42","grade":"9","active":"0"},
  {"name":"Eva Lorens","age":"42","grade":"8","active":"1"},
  ]
  </code></pre>
  
  <p>I want public the JSON in HTML, I tried the following but the fields get not be filled, I also get No Exception, so its very difficult for me to find out why its not working.  </p>
  
  <p><strong>TS</strong></p>
  
  <pre><code>  this.servletService.webserviceCall('MemberUnit', 'getMembers',  params).then((obs)=&gt;{
        obs.subscribe(
            (data) =&gt; {
              this.members =  JSON.parse(data);
            }); 
      }) 
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code> &lt;ion-item *ngFor="let member of members"&gt;
   &lt;ion-avatar item-left&gt;
         &lt;svg width="75px" height="75px" &gt;
     &lt;text x="50%" y="50%" text-anchor="middle" stroke="#2980b9" stroke-width="2px" dy=".1em"&gt;{{member.grade }}&lt;/text&gt;
        &lt;/svg&gt;
        &lt;/ion-avatar&gt;
         &lt;h2&gt;{{member.name}}&lt;/h2&gt;
        &lt;h3&gt;{{member.age}}&lt;/h3&gt;
      &lt;/ion-item&gt;
  </code></pre>