使用 angular2 ngFor 遍历 Map 对象答案

【问题标题】：iterating through Map object using angular2 ngFor使用 angular2 ngFor 遍历 Map 对象
【发布时间】：2017-02-26 16:10:50
【问题描述】：

我有一个散列映射对象，它的键是一个表示类号的字符串，每个键的值是 Student 对象的 Arraylist，所以通常我要遍历的对象是以下类型： Map<String,Arraylist<Student>> 我想显示对象值的树状结构，我尝试使用：

<div *ngFor="let key of MyObject">{{key}} </div> 但这仅显示班级编号，而不显示每个班级的学生姓名。有谁知道如何遍历每个键和该键内的每个对象？

【问题讨论】：

JavaScript 不使用 Java 对象。发布要迭代的 JavaScript 对象/数组的结构。
在 F12 中看起来像这样： MyObject >"Classe123">[{Name:"Student1",Marks:20},{Name:"Student2",Marks:60}] 然后有"Classe123" > "Classe998">[{Name:"Student3",Marks:70},{Name:"Student4",Marks:10}] 下的另一个班级
执行console.log(JSON.stringify(myObject))，并发布结果。将其发布在您的问题中，而不是评论中。
利用管道解决你的问题

【解决方案1】：

你应该创建另一个 *ngFor 来遍历 arrayList

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

这样它应该显示每个班级和班级中的每个学生。

【讨论】：