title: How to print json array in angular
body: <p>Here Stackblitz <a href="https://stackblitz.com/edit/angular-parse-object" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-parse-object</a>
  Response format from REST API is </p>
  
  <pre><code>[{"id":123,"name":Test,"value":{"pass": true, "verified": true}}, {"id":435,"name":Test12,"value":{"pass": false, "verified": true}},]
  </code></pre>
  
  <pre><code>&lt;div *ngFor="let record of student.value"&gt;
    &lt;ul *ngFor="let key of objectKeys(record)"&gt;
      &lt;li&gt;{{key}} :: {{record[key]}}&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Getting error ** Cannot read property 'value' of undefined **</p>
  
  <pre><code>&lt;div *ngFor="let rec of student"&gt;
        &lt;h2&gt;{{rec.id}}&lt;/h2&gt;
           &lt;div *ngFor="let result of rec.value"&gt;
                 &lt;h4&gt;  {{value.pass}} &lt;/h4&gt;
            &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>getting Error object of type 'string'. NgFor only supports binding to Iterables such as Arrays. </p>
  
  <p><strong>How to fix it?</strong></p>
  
  <p>I expect the output as</p>
  
  <pre><code>ID : 123 Name : Test Pass : true [yes] verified : true
  </code></pre>