title: How to print the json array values in a list using *ngFor in Angular 2?
body: <p>I have a json array and i want to print the values in a simple list. How to print the values? Do I have to follow key value method? I'm adding my Json array structure and my sample code. It is showing me errors.</p>
  <p><strong>Expected Output</strong></p>
  <pre><code>*456
  *123
  
  or Arun :123 
  test:456
  </code></pre>
  <p>Error:</p>
  <blockquote>
  <p>&quot;'[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.</p>
  <p>Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.&quot;</p>
  </blockquote>
  <p><strong>Json Array</strong></p>
  <pre><code>   {
          &quot;records&quot;: [{
              &quot;arun&quot;: [1, 2, 3],
              &quot;test&quot;: [4, 5, 6]
          }]
      }
  
  **myTest.ts**
  
  export class HomePageComponent extends AppComponent {
  
    public bundle:  any[];
  
     ngOnInit(){
       this.readArray();
     }
  
     readArray() {
      this.bundle =  {
          &quot;records&quot;: [{
              &quot;arun&quot;: [1, 2, 3],
              &quot;test&quot;: [4, 5, 6]
          }]
      }
      console.log(&quot;array&quot;,this.bundle);
     }
  </code></pre>
  <p><strong>testComponent.html</strong></p>
  <pre><code>&lt;ul *ngFor=&quot;let det of bundle;&quot;&gt;
    &lt;li&gt;{{det.records}}&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>