title: How to handle recursive rendering of data using AngularJS
body: <p>I have an application that has set of data that has a recursive relationship (a tree view, using recursion.)  I've tried several ways to implement this via Angular, none of which seem to render a viable result.</p>
  
  <p>The idea here is that I wish to have this data rendered using a set of nested lists, allowing for numerous (7+) levels of depth.  To simplify things (my actual application uses Restangular) I've built the following plunker:</p>
  
  <p><a href="http://plnkr.co/edit/dKT9OvpsMgnxmLwgF0ij" rel="nofollow">http://plnkr.co/edit/dKT9OvpsMgnxmLwgF0ij</a></p>
  
  <p>While the "top" level data renders correctly (just the first title) my attempt to recurse using nested controllers seems to fail miserably.  The idea here is that each "child" in the tree is rendered using it's own controller, which can then render it's children, and so-on and so-forth.  I realize that nested controllers might not be the "best" way to go, but after much searching I haven't found a "better" alternative.</p>
  
  <p>It's important that the resulting solution preserves the concept of "nesting" here (each element appearing below its parent element, with a slight indent.)</p>