遍历Map <String，MyObj []>两次，一次遍历键，一次遍历数组

Question

我有一张Map<String,MyObj[]>的地图，例如{{str1, [obj_1, obj_2]}, {str2,[obj_3, obj_4]}}，并希望在表格中显示如下内容：

str_1
obj_1.field1>
obj_2.field1>
str_2
obj_3.field1>
obj_4.field1>

换句话说，我将需要遍历Map（用于键），并且在每次迭代中都需要遍历MyObj []数组。我如何通过例如ngFor？

Answer 1

您必须使用嵌套循环。您可以使用keyvalue管道通过mapelement和key获取value，其中每个元素的值都是数组。然后，您可以遍历mapelement.value以获取数组的所有值

<div *ngFor="let mapelement of themap | keyvalue">
  <div>{{mapelement.key}}</div>
   <div *ngFor="let arrayelement of mapelement.value">
    {{arrayelement.field1}}
   </div>
</div>