angularjs material design nested list

Question

I want to create nested list (tree) in my application exactly like below. Please suggest me how can i create list like this .

Answer 1

As of Angular 1.2 you can use ng-start/ng-end to create nested trees/iterate over nested lists.

<md-list flex>
  <md-list-item style="margin-left: 10px;"ng-repeat-start="item in nestedList">{{item.id}}</md-list-item>
  <md-list-item style="margin-left: 50px;" ng-repeat-end ng-repeat="child in item.children">{{child.id}}</md-list-item>
</md-list>

http://codepen.io/jdeyrup/pen/JRPNyW