Question

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

的plunker或任何提示

使用像这样的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

我们有一组可以在网站上看到的例子。您可以在每个示例的右侧查看数据结构。

请参阅https://github.com/angular-ui-tree/angular-ui-tree/tree/master/examples

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.items循环subItem中var cookieParser= require('cookie-parser');的值。

Angular UI树实现

2 个答案: