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?

Suren Srapyan · Accepted Answer · 2018-04-10 12:59:45Z

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.

answered Apr 10, 2018 at 12:53

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

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

4 Comments

Not working, note that i have an object (itemList), and i'm printing the object and it has values on the arrays...

Have you checked the example ?

Yes, and replicated like that. Note that I'm updating itemList values dinamically, does it have something to do with the problem?

So it was basically an error of mine, i was missing an "x" on "index"... But i was missing the "[ ]" so thanks for that. :)

Ankit Agarwal · Accepted Answer · 2018-04-10 12:54:08Z

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, 2018 at 12:54

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges