Próbuję dynamicznie zbudować formularz z obiektu JSON, który zawiera zagnieżdżone grupy elementów formularza:

  $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"]}
    ]},
  ];

Używam bloków ng-switch, ale staje się nie do utrzymania w przypadku zagnieżdżonych elementów, jak w powyższym obiekcie Address.

Oto skrzypce:http://jsfiddle.net/hairgamiMaster/dZ4Rg/

Jakieś pomysły na najlepsze podejście do zagnieżdżonego problemu? Wielkie dzięki!