Iterables such as Arrays in Ionic 3

Asked Oct 09 '18 at 16:58

Active Feb 14 '19 at 12:43

Viewed 47 times

i'm tring to fect from webservice an API in json. I'm using this code in my service provider:

getAll() {
return this.authHttp.get(this.cfg.apiUrl + this.cfg.books)
  .toPromise()
  .then(rs => {
    return Array.of(rs.json());
  });

}

and from the module:

  this.booksService.getAll().then(books => this.books = books);

but when i try to iterate book of books i trown this error:

NgFor only supports binding to Iterables such as Arrays

someone can help me to figure out?

edited Feb 14 '19 at 12:43

asked Oct 09 '18 at 16:58

wwhitewalter

Try to console.log books, you will see that it isn't what you think it is :) – Sorikairo Oct 09 '18 at 16:59
the problem is that i console object books coming fine – wwhitewalter Oct 09 '18 at 17:06
So it's an object ? "NgFor only supports binding to Iterables such as Arrays" but Object != Array :) – Sorikairo Oct 09 '18 at 17:08
can u try with this.booksService.getAll().then(books => this.books = JSON.parse(books)); – Asanka Oct 09 '18 at 17:08
can you share your console object? – Chellappan வ Oct 09 '18 at 17:11
if the response is object you can use keyvalue pipe https://stackoverflow.com/questions/51732524/how-to-iterate-json-properties-in-typescript/51732597#51732597 – Chellappan வ Oct 09 '18 at 17:12
same result. The strange thig is that if i change i Laravel ->paginate(15) to ->get() method it work like a charm. – wwhitewalter Oct 09 '18 at 17:14
please add what JSON.stringify(rs.json()) looks like – danday74 Oct 09 '18 at 17:27

0 Answers0