title: List users with Angular Rest-APi reqres
body: <p>I am trying to list users from a REST-API reqres. but when I click the button to list users, I get </p>
  
  <pre><code>Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays. 
  </code></pre>
  
  <p>I can list users in console but not in page. I read that last Angular version does not read map function and I do not know why I am getting this error.</p>
  
  <p>This is my <code>users.component.ts</code> file: </p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { HttpClient } from '@angular/common/http';
  import 'rxjs/add/operator/map'
  
  
  
  @Component({
    selector: 'app-users',
    templateUrl: './users.component.html',
    styleUrls: ['./users.component.css'],
  })
  export class UsersComponent implements OnInit {
  
    users: any;
  
    constructor(private http: HttpClient) {}
  
    ngOnInit() {}
  
    public getUsers() {
      this.users = this.http.get('https://reqres.in/api/users')
    }
  
  }
  </code></pre>
  
  <p>And this is my <code>users.component.html</code> file: </p>
  
  <pre><code>&lt;button (click)="getUsers()"&gt;list users&lt;/button&gt;
  &lt;div *ngFor="let user of users"&gt;
      {{ user | json }}
  &lt;/div&gt;
  </code></pre>