title: Angular 6 : Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays
body: <p>I have a component loading a local json file (contains only name) from assets folder.Since HttpClient takes care of formatting data as json, so didn't use map here.</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { HttpClient } from '@angular/common/http';
  import { Observable } from 'rxjs';
  import { map } from 'rxjs/operators'
  
   export type cont= {name: string};
  
  @Component({
    selector: 'my-app',
    template: `
      1st List
      &lt;ul&gt;
        &lt;li *ngFor="let contact of contacts | async"&gt;{{contact.name}}&lt;/li&gt;
      &lt;/ul&gt;
      2st List
      &lt;ul&gt;
        &lt;li *ngFor="let contact of contacts2 | async"&gt;{{contact.name}}&lt;/li&gt;
      &lt;/ul&gt;
      `
  })
  export class AppComponent {;
    contacts: Observable&lt;cont[]&gt;;
    contacts2: Observable&lt;cont[]&gt;;
    constructor (http: HttpClient) {
      this.contacts = http.get&lt;cont[]&gt;('http://localhost:4200/assets/contacts.json');               
      setTimeout(() =&gt; this.contacts2 = this.contacts, 500);
    }
  }
  </code></pre>
  
  <p>Contacts.json</p>
  
  <pre><code> {
  "items": [
    { "name": "Mark Twain" },
    { "name": "Sherlock Holmes" }
  ]
  </code></pre>
  
  <p>}</p>
  
  <p>Data can be fetched on browser via <a href="http://localhost:4200/assets/contacts.json" rel="nofollow noreferrer">http://localhost:4200/assets/contacts.json</a> but When I tried to render the same via async pipe I get this error below.Tried many ways to convert observable  to Observable&lt;[]> but none passed this scenario. <strong>What's wrong here. how json data over httpclient can be converted to Array ?</strong> (<strong><em>tried to follow similar posts but none helped</strong>)?</em></p>
  
  <p><a href="https://i.stack.imgur.com/3IMgp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3IMgp.png" alt="Error"></a></p>