How to handle recursive rendering of data using AngularJS

Question

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

Answer 1

If you are familiarized with batarang tool, it has a treeview of scopes. You can see the source here:

https://github.com/angular/angularjs-batarang/blob/master/js/directives/scopeTree.js

The idea is simple. Using $compile to recursively render that directive for every children it finds until there is no more children to render.

I saw that same idea for other alternatives, take a look here:

Is it possible to make a Tree View with Angular?