title: Issiues retrieving data with HTTP and show in view with ionic
body: <p>I'm trying to get my JSON data to show in a app using ionic. </p>
  
  <p>Im getting the following error when trying to output the data:</p>
  
  <p><em>ERROR Error: "Uncaught (in promise): Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.</em></p>
  
  <p><strong>My data looks like this:</strong></p>
  
  <pre><code>{
    "1": {
      "name": "John",
      "lastname": "Jonson",
      "email": "example@example.com",
      "image": ""
    },
    "5": {
      "name": "Peter",
      "lastname": "Parker",
      "email": "example@example.com",
      "image": ""
    },
    "8": {
      "name": "Joe",
      "lastname": "Lo",
      "email": "example@example.com",
      "image": ""
    },
  }
  </code></pre>
  
  <p><strong>My HTML code:</strong></p>
  
  <pre><code>&lt;ion-list *ngFor="let user of users"&gt;
      &lt;ion-item&gt;{{ user.name}}&lt;/ion-item&gt;
  &lt;/ion-list&gt;
  </code></pre>
  
  <p><strong>And finaly the js code:</strong></p>
  
  <pre><code>import { Component } from '@angular/core';
  import { NavController } from 'ionic-angular';
  
  import { Observable } from 'rxjs/Observable';
  import { HttpClient } from '@angular/common/http';
  
  @Component({
    selector: 'page-home',
    templateUrl: 'home.html'
  })
  
  export class HomePage {
  
      users: Observable&lt;any&gt;;
  
      usersList = [];
  
      constructor(public navCtrl: NavController, public httpClient: HttpClient) {
  
          this.users = this.httpClient.get('http://example.com/api/user');
  
          this.users.subscribe(data =&gt; {
              this.usersList = data,
               console.log(data);
          });
      }
  }
  </code></pre>