javascript - Angular UI 树实现

Question

任何人都可以提供一个 plunker 或任何关于如何使用http://angular-ui-tree.github.io/angular-ui-tree/#/basic-example的提示

像这样的 json 对象

var list = [
            {
              "id": 1,
              "title": "Parent",
              "items": [
                {
                  "id": 11,
                  "title": "child of Parent",
                  "items": [{
                      "id": 12,
                      "title": "inner child of Parent",
                      "items": [],
                    }],
                },

              ]
            }
        ]

Answer 1

Answer 2

让我们看看有问题的块

<div ui-tree>
  <ol ui-tree-nodes="" ng-model="list">
    <li ng-repeat="item in list" ui-tree-node>
      <div ui-tree-handle>
        {{item.title}}
      </div>
      <ol ui-tree-nodes="" ng-model="item.items">
        <li ng-repeat="subItem in item.items" ui-tree-node>
          <div ui-tree-handle>
            {{subItem.title}}
          </div>
        </li>
      </ol>
    </li>
  </ol>
</div>

item.items也是一个数组。

你知道，因为li它下面的嵌套是ng-repeat遍历item.itemsas中的值subItem。