각도 2로 2D 연관 배열을 표시

Question

2D 연관 배열을 표시하고 싶지만 HTML에서 각도 2의 구문을 잘 모릅니다. 누군가 나를 도울 수 있습니까?

내 연관 배열 : 내 .html 중에서에서는

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

나는 그런 식으로 뭔가를하고 싶은 : 사전에

<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 
} 

각진 템플릿에서 위의 패턴을 사용할 수 있습니다.