How to loop through multiple Arrays inside Json Object

Question

I am trying to loop through multiple arrays inside a json object. Here is a picture of the structure of json object.

I have been trying loop through it using ngFor, but I am getting an error. Here is the code of how I am trying to loop through:

<ion-item *ngFor="let item of items">
{{conversation}}
 </ion-item>

I am getting the following error:

caused by: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.

I need to be able to loop through all the arrays and but I can't figure out how to do that. Any help will be much appreciated.

This is not an array of arrays but an Object with numeric keys with arrays as properties. How is the original object generated? — Explosion Pills
– Explosion Pills, Commented Apr 4, 2017 at 4:08
Original object is generated via a API call, data from that API call is being returned in this format — DN0300
– DN0300, Commented Apr 4, 2017 at 4:12
I am pretty sure ng-repeat got replaced with ngfor in angular 2 ? — DN0300
– DN0300, Commented Apr 4, 2017 at 4:17
post your JSON here. the way you are accessing the JSON seems wrong. — Wisely D Cruizer
– Wisely D Cruizer, Commented Apr 4, 2017 at 4:30

David · Accepted Answer · 2017-04-04 04:47:46Z

2

// in component.ts
data = [];
constructor() {
  for (let item of Object.keys(your_object)) {
    this.data.push(your_object[item]);
  }
}

// in component's template
<ul>
  <li *ngFor="let d of data">
    <span *ngFor="let i of d">{{i}}</data>
  </li>
</ul>

edited Apr 4, 2017 at 4:47

answered Apr 4, 2017 at 4:17

David

566 bronze badges

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

6 Comments

DN0300 Over a year ago

I tried it out, I get this error caused by: Cannot read property 'keys' of undefined

mayur Over a year ago

Validate your json seems something issue with Json

DN0300 Over a year ago

I did Json seems to be fine

mayur Over a year ago

Is your json only contaning JSON of arrays or it contains array as well as objects together

DN0300 Over a year ago

It is containing JSON of arrays

|

Collectives™ on Stack Overflow

How to loop through multiple Arrays inside Json Object

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related