Angular 4 | Looping Though Multi-Dimensional Array

Question

I have a multi-dimensional array with two keys, it looks like so.

user: any = {};
// index is from a for loop to add to the user (this part works perfectly)
this.user[index++] = {
   Name: name,
   Age: age,
}

However my issue is I'd like to loop through that in my angular HTML template using *ngFor, however I receive a error saying it doesn't support it. So my question is, how can I loop through this user array and print out both name and age value of each key inside of the array?

My Attempt:

 <li *ngFor="let user of users">{{user.Name}} - {{user.Age}}</li>

The Error I Receive:

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

Thank you.

^ He is not trying to access object key -values, just the declaration is wrong. user: any[] = [] should fix it right? — Vamshi
– Vamshi, Commented Aug 13, 2017 at 5:36
@MohamedAbbas Agh, you're right. There goes an hour of my life trying to fix this issue. Thanks so much! — Nicster15
– Nicster15, Commented Aug 13, 2017 at 5:49
@Nicster15 Your're welcome :) , i convert my comment to answer. Check it. — Mohamed Abbas
– Mohamed Abbas, Commented Aug 13, 2017 at 6:15

Mohamed Abbas · Accepted Answer · 2017-08-13 06:14:56Z

1

user: any = {}; is not an array!. try user: any = [];

let o = {}; this is an object. let arr = []; this is an array.

answered Aug 13, 2017 at 6:14

Mohamed Abbas

2,3081 gold badge14 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Angular 4 | Looping Though Multi-Dimensional Array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related