iterating through Map object using angular2 ngFor

Question

I have a hashed map object that the key is a string representing a class number and the value for each key is an Arraylist of Student object so in general the object that I want to iterate through is of type: Map<String,Arraylist<Student>> I want to display a tree like structure of the object values, I tried to use :

<div *ngFor="let key of MyObject">{{key}} </div> But this shows only the class number but it does not show the students names in each class. does anyone know how to iterate through each key and each object inside that key?

JavaScript doesn't use Java objects. Post the structure of the JavaScript object/array that you want to iterate on. — JB Nizet
– JB Nizet, Commented Feb 26, 2017 at 16:14
In F12 it looks like this: MyObject >"Classe123">[{Name:"Student1",Marks:20},{Name:"Student2",Marks:60}] and then there is another class under "Classe123" > "Classe998">[{Name:"Student3",Marks:70},{Name:"Student4",Marks:10}] — Maryam
– Maryam, Commented Feb 26, 2017 at 16:16
Execute console.log(JSON.stringify(myObject)), and post the result.Post it in your question, not in a comment. — JB Nizet
– JB Nizet, Commented Feb 26, 2017 at 16:21

Mario Gomez Martin · Accepted Answer · 2018-08-29 11:23:55Z

1

You should create another *ngFor to iterate through the arrayList

<div *ngFor="let key of MyObject"> Class {{key}}
  Students:
  <div *ngFor="let student of MyObject.get(key)">
    {{student.name}}
  </div> 
</div>

this way it should display each class and each student in that class.

answered Aug 29, 2018 at 11:23

Mario Gomez Martin

111 bronze badge

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

Collectives™ on Stack Overflow

iterating through Map object using angular2 ngFor

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