在AngularJS中創建一棵樹

Question

我正在嘗試在AngularJS中創建一個樹形控件。爲了做到這一點，我將我的實現基於這個JSFiddle。

本例使用一個'Parent'元素。我怎麼能修改這個例子，使我可以有多個父母？我需要這樣的結構：

Parent 1 
    Child A 
    GC I 
    GC II 
    Child B 
Parent 2 
    Child C 
    GC III 
    Child D 
    GC IV 
    GC V 
    GV VI 
Parent 3 
    Child E 
    Child F 

對於我的生活，我無法弄清楚如何讓多個父對象工作。謝謝！

Answer 1

我更新了你的小提琴，讓樹成爲一個數組！

http://jsfiddle.net/n8dPm/189/

<tree families="treeFamily"></tree> 

和

'<div ng-repeat="family in families">'+ 
      '<p>{{ family.name }}</p>'+ 
      '<ul>' + 
       '<li>'+ 
        '<tree families="family.children"></tree>' + 
       '</li>'+ 
      '</ul>'+ 
      '</div>',