title: Binding data [object object] in angular
body: <p>I got data like this in my console from my API:</p>
  
  <pre><code>[
      {
          id:"123",
          name:"asd",
          address:"st.dddss",
          status:1
      }
  ]
  </code></pre>
  
  <p>I call it using <code>ngFor</code> and I got this error:</p>
  
  <blockquote>
    <p>ERROR Error: Cannot find a differ supporting object '[object Object]'
    of type 'object'. NgFor only supports binding to Iterables such as
    Arrays.</p>
  </blockquote>
  
  <p>But that still works and data is showing. This is my code:</p>
  
  <pre><code>this._service
      .getHotelbyId(this.id)
      .subscribe(hotel =&gt;
          {
            this.Hotels = hotel
            console.log(this.Hotels);
          },
          error =&gt;
          {
              console.log(error);
          })
  </code></pre>
  
  <p>And I call it like this using <code>*ngFor</code></p>
  
  <pre><code>*ngFor="let z of Hotels
  
  {{z.name}} , {{z.address}}
  </code></pre>
  
  <p>How to solve that error message? </p>