角度のある材質のツリーリスト

Question

こんにちは、親と子のIDを持つアイテムのリストから樹木リストを作成しようとしています。次のリンクに基づいて角素材で再帰的に見つけます。 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> 

、私が展開する場合など項目4のために、ここで

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

を起こるが、いただきました！：

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

データに問題があり、問題が解決しました。