Angular access ngFor index on another ngFor inside array

Question

I have the following object:

itemList = {
    "0": [],
    "1": [],
    "2": [],
    "3": []
};

I also have the following *ngFor:

<div *ngFor="let new of news; let newindex = index;">
  <div *ngFor="let item of itemList.newindex">
  </div>
</div>

As you can see I'm trying to access itemList[0], for example using the newindex created.

Is this possible?

Possible duplicate of [Object property name as number](https://stackoverflow.com/questions/16908476/object-property-name-as-number) — bugs, Apr 10 '18 at 12:55

Suren Srapyan · Accepted Answer · 2018-04-10T12:59:45.447

3

Try to use [] notation to access property

<div *ngFor="let new of news; let newindex = index;">
  <div *ngFor="let item of itemList[newindex]">
  </div>
</div>

Your object is more like to array, so consider to make it as array, not an object with numeric property names.

edited Apr 10 '18 at 12:59

answered Apr 10 '18 at 12:53

Suren Srapyan

Not working, note that i have an object (itemList), and i'm printing the object and it has values on the arrays... – Manel Alonso Apr 10 '18 at 13:23
Have you checked the example ? – Suren Srapyan Apr 10 '18 at 13:24
Yes, and replicated like that. Note that I'm updating itemList values dinamically, does it have something to do with the problem? – Manel Alonso Apr 10 '18 at 13:25
So it was basically an error of mine, i was missing an "x" on "index"... But i was missing the "[ ]" so thanks for that. :) – Manel Alonso Apr 10 '18 at 13:39

score 0 · Answer 2 · answered Apr 10 '18 at 12:54

0

You need to use the square brackets to get the value of itemList on that parent index newindex

<div *ngFor="let new of news; let newindex = index;">
  <div *ngFor="let item of itemList[newindex]">
  </div>
</div>

answered Apr 10 '18 at 12:54

Ankit Agarwal

2 Answers2