Я пытаюсь динамически отображать один из нескольких шаблонов в директиве ng-repeat на основе текущего элемента.
Мои данные JSON выглядят следующим образом:
data: {
groups: [
{
name: "Group 1",
sections: [
{ name: "Section A" },
{ name: "Section B" }
]
},
{
name: "Group 2",
sections: [
{ name: "Section A" },
{ name: "Section B" }
]
}
]
}
Моя цель - динамически отображать дерево данных, причем каждая группа содержит несколько разделов. Все группы будут иметь одинаковый шаблон, но каждый раздел должен иметь свой собственный шаблон, основанный на поле имени.
Предполагая, что HTML верхнего уровня:
<div ng-repeat="group in groups">
{{ group.name }}
<div ng-repeat="section in sections">
<!-- Dynamic section template used -->
</div>
</div>
В идеале, каждый раздел также должен иметь свои собственные данные и контроллер, связанные с ним. Мне посчастливилось построить этот тип системы с помощью Knockout, но я пытаюсь понять способ Angular делать вещи.