在AngularJS中创建树

我正在尝试创建一个树控件以在AngularJS中使用。为了做到这一点，我的实现基于此

此示例使用单个“父”元素。我如何修改这个例子，使我可以有多个父母？我需要一个这样的结构：

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

---

就我而言，我不知道如何让多个父对象工作。谢谢大家!

我更新了你的小提琴，让一棵树成为一个数组

及

“”+
“{{family.name}
”+
“
”+
“
”+
'' +
“
”+
“
”+
'',

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

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