Render a Tree in AngularJS

nodes.json

[
  {
    "name": "A",
    "nodes": [
      {
        "name": "B",
        "nodes": [
          {
            "name": "E"
          }
        ]
      },
      {
        "name": "D"
      }
    ]
  },
  {
    "name": "C",
    "nodes": [
      {
        "name": "F"
      },
      {
        "name": "G"
      }
    ]
  },
  {
    "name": "H"
  }
]

result-preview

* A
  * B
    * E
  * D
* C
  * F
  * G
* H

template.html

<ul>
  <li ng-repeat="node in nodes" ng-include="'nodes_renderer.html'"></li>
</ul>

<script id="nodes_renderer.html" type="text/ng-template">
  <a>{{node.name}}</a>
  <ul>
    <li ng-repeat="node in node.nodes" ng-include="'nodes_renderer.html'"></li>
  </ul>
</script>