Error trying to diff '[object Object]'. Only arrays and iterables are allowed when I call get

Question

I have my servers.service.ts that does a GET REQUEST this:

  getServers(){
     return this.http.get('https://*******.firebaseio.com/data.json').map((response: Response)=>{const data=response.json();console.log(data);return data;});
}

And in my app.component.ts I do this:

onGet(){
    this.serverService.getServers().subscribe(
      (servers: any[])=> this.servers=servers,
      (error)=>console.log(error)
    );
  }

I use like db firebase and it throws this exception

Error trying to diff '[object Object]'. Only arrays and iterables are allowed

when I call onGet(). Anyone can help me?

Possible duplicate of Error trying to diff '[object Object]'. Only arrays and iterables are allowed. (Ionic 3) — Vikas
– Vikas, Commented Sep 14, 2018 at 10:04

Ramesh Rajendran · Accepted Answer · 2019-02-21 15:55:10Z

1

ngFor only accept array format data. But your service returning non array object.that's the reason for why you are getting this error.

Try this below code

const data=response.json().results;

instead of

 const data=response.json()

edited Feb 21, 2019 at 15:55

answered Sep 14, 2018 at 10:26

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Error trying to diff '[object Object]'. Only arrays and iterables are allowed when I call get

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related