Question

我有以下（json）对象：

[
  {
     name: "Foo",
     children: [{
        name: "bar",
        children:[{
           ...
        }]
     }]
  }

任何级别都可以有任意数量的子/对象。现在我想了解以下HTML代码：

<ul>
   <li>Foo</li>
   <li>
      <ul>
         <li>Bar</li>
      </ul>
   </li>
<ul>

但当然，每个级别可能有10个或更多级别，每个级别有20个或更多孩子。

有没有办法做到这一点？非常感谢你！

Answer 1

这应该可行，只需用您的数据替换json数组

    <script type="text/ng-template" id="nodes_renderer.html">
        {{node.name}}
        <ul ng-model="node.children" ng-class="{hidden: collapsed}">
            <li ng-repeat="node in node.children" ng-include="'nodes_renderer.html'">
            </li>
        </ul>
    </script>

    <div data-drag-enabled="false">
        <ul>
            <li ng-repeat="node in @*JSON ARRAY*@" ng-include="'nodes_renderer.html'">    
            </li>
        </ul>
    </div>

AngularJS：如何显示嵌套对象？

1 个答案: