Baum Liste mit eckigen Material

Question

Guten Tag, ich versuche Baum Liste aus der Liste der Elemente mit Eltern und Kinder ID zu erstellen, die ich rekursive mit eckigen Material basierend auf folgenden Link http://codepen.io/dunmaksim/pen/GJLogo/ finden, aber es ist etwas falsch in meinem Code. Child-Level ist abhängig von item.expanded.

<script type="text/ng-template" id="dirtyDataFromServer.html"> 
    <md-list-item flex> 
     <md-checkbox aria-label="item" ng-model='item.checked' md-indeterminate="isIndeterminate(item, $event)" ng-click="toggleChildrenChekboxes(item, $event)"></md-checkbox> 
     <label>{{ item.id }}. {{ item.name }}</label> 
     <span flex></span> 
     <md-icon style="z-index:100" class="material-icons"> 
      <i ng-click="toggleItems(item, $event)" class="material-icons">{{item.expanded ? 'expand_less' : 'expand_more' }}</i> 
     </md-icon> 
    </md-list-item> 
    <md-list flex ng-show="item.expanded"> 
     <div class="list-left-margin" ng-repeat="item in item.subObjs" ng-include="'dirtyDataFromServer.html'"></div> 
    </md-list> 
</script> 

Also, was ist hier

1.item 1 
2.item 2 
     3.item 3 
     4.item 4 
      6.item 6 
      7.item 7 
5.item 5 

geschieht aber, wenn ich erweitern, zum Beispiel Artikel 4:

1.item 1 
2.item 2 
     3.item 3 
     4.item 4 
      6.item 6 
      7.item 7 
     6.item 6 
     7.item 7 
5.item 5 

Es dubble auf gleicher Ebene erstellen, werden Elemente simmilar, aber in DOM Sie sind anders.

Answer 1

Problem war in Daten, Problem gelöst.