Добрый день, я пытаюсь создать список деревьев из списка элементов с родительским и childs id, что я рекурсивный поиск с угловым материалом на основе следующей ссылки http://codepen.io/dunmaksim/pen/GJLogo/, но что-то не так в моем код. Уровень ребенка зависит от элемента. 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 они разные.