Javascript 角度UI树实现

Javascript 角度UI树实现,javascript,angularjs,angular-ui,angular-ui-tree,Javascript,Angularjs,Angular Ui,Angular Ui Tree,任何人都可以提供一个plunker或任何关于如何使用的提示吗 使用像这样的json对象 var list = [ { "id": 1, "title": "Parent", "items": [ { "id": 11, "title": "child of Parent",

任何人都可以提供一个plunker或任何关于如何使用的提示吗

使用像这样的json对象

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

              ]
            }
        ]

让我们看一下有问题的区块

<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.title}
  • {{subItem.title}
  • item.items
    也是一个数组


    你知道,因为它下面嵌套的
    li
    是一个
    ng repeat
    循环遍历
    item中的值。items
    作为
    子项
    我们有一组示例,可以在网站上看到。您可以在每个示例的右侧查看数据结构


    请参见

    欢迎来到stackoverflow。请参考如何创建一个最小、完整且可验证的示例。给你。