Как сделать рекурсивные шаблоны в AngularJS при использовании вложенных объектов?
Я пытаюсь построить форму динамически из объекта JSON, который содержит вложенные группы элементов формы:
$scope.formData = [
{label:'First Name', type:'text', required:'true'},
{label:'Last Name', type:'text', required:'true'},
{label:'Coffee Preference', type:'dropdown', options: ["HiTest", "Dunkin", "Decaf"]},
{label: 'Address', type:'group', "Fields":[
{label:'Street1', type:'text', required:'true'},
{label:'Street2', type:'text', required:'true'},
{label:'State', type:'dropdown', options: ["California", "New York", "Florida"]}
]},
];
Я использовал блоки ng-switch, но он становится непригодным для вложенных элементов, как в объекте Address выше.
Вот скрипка:http://jsfiddle.net/hairgamiMaster/dZ4Rg/
Любые идеи о том, как лучше всего подойти к этой вложенной проблеме? Большое спасибо!