Отображение двумерного ассоциативного массива с угловым 2

Question

Я хотел бы отобразить свой 2D ассоциативный массив, но я не очень хорошо знаю синтаксис углового 2 в HTML. Кто-нибудь может мне помочь ?

Мой ассоциативный массив:

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 
} 

Вы можете использовать вышеуказанный шаблон в своем угловом шаблоне.