显示角度为2的2D关联数组

Question

我想显示我的2D关联数组，但我不太清楚HTML中的角度2的语法。有人能帮助我吗？

我的关联数组：

parents = [
       parent1:[child1,child2,child3],
       parent2:[child4,child5],
       parent3:[child6]
      ];

在我的.html中，我希望有类似的东西：

<div *ngFor="let parent of parents">
    {{parent name}}
    <div *ngFor="let child of parent">
         {{child name}}
      </div>
 </div>

提前致谢！

Answer 1

数组不能有命名键，因此您需要将数组转换为对象（或map s），然后您可以迭代它们的键。

parents = { 
       parent1: { 
         child1: "1"
       } 
}

for (var parentKey in parents) {
    // parentKey --> parent1
    for (var childKey in parents[parentKey]) 
        // childKey --> child1
}

您可以在角度模板中使用上述模式。