Как сделать рекурсивные шаблоны в 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/

Любые идеи о том, как лучше всего подойти к этой вложенной проблеме? Большое спасибо!

Ответы на вопрос(5)

Ваш ответ на вопрос