有角材料的树列表

Question

美好的一天，我试图从父项目和子项目项目列表中创建树列表，我递归查找基于以下链接的角材料 http://codepen.io/dunmaksim/pen/GJLogo/，但是我的东西有问题码。子级别取决于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> 

所以，什么在这里发生

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

但是当我扩大，例如第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 

它在同级别创建DUBBLE，项目simmilar，但在DOM他们是不同的。

Answer 1

问题出在数据上，问题解决了。