title: Dynamically build a tree using AngularJS
body: <p>I'm quite new in AngularJS, so my question can be very trivial, but I haven't found any answer in the web which could me help.</p>
  
  <p>Having data in json form, like:</p>
  
  <pre><code>{
      "Part 1": {
          "Group 1": {
              "Link 1": "href1",
              "Link 2": "href2"
          },
          "Group 2": {
              "Link 3": "href3"
          }
      },
      "Part 2": {
          "Link 4": "href4",
          "Link 5": "href5",
          "Link 6": "href6"
      }
  }
  </code></pre>
  
  <p>I would like to present it in a tree form. For example like:</p>
  
  <pre><code>1. Part 1
      a. Group 1
          - Link 1
          - Link 2
      b. Group 2
          - Link 3
  2. Part 2
      - Link 4
      - Link 5
      - Link 6
  </code></pre>
  
  <p>The leafs of the tree represent links which can be clicked. There can be one or two levels of nesting, so it may be a bit problematic.</p>
  
  <p>Is this possible to do it using ngRepeat directive or any other way from AngularJS?</p>