显示具有角度 2 的 2D 关联数组

【问题标题】：Displaying 2D associative array with angular 2显示具有角度 2 的 2D 关联数组
【发布时间】：2016-06-10 15:14:36
【问题描述】：

我想显示我的 2D 关联数组，但我不太了解 HTML 中 angular 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>

提前致谢！

【问题讨论】：

标签： javascript html arrays typescript angular

【解决方案1】：

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

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

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

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

【讨论】：