ion-tree-list.tmpl.html

<link type="text/css" rel="stylesheet" ng-href="{{baseUrl}}/ion-tree-list.min.css"/>

<script type="text/ng-template" id="item_default_renderer">
    <span class="symbol">
        <i class="icon" ng-if="item.tree.length > 0" ng-class="item.tree.collapsed ? 'ion-arrow-right-b' : 'ion-arrow-down-b'"></i>
    </span>
    {{item.name}}
    <ion-reorder-button class="ion-navicon" on-reorder="moveItem(item, $fromIndex, $toIndex)"></ion-reorder-button>
</script>

<script type="text/ng-template" id="items_renderer">
    <ion-item class="item depth-{{item.depth}}"
              ng-click="toggleCollapse(item); emitEvent(item)"
              ng-include="templateUrl">
    </ion-item>
    <ion-list ng-model="item.tree"
              ng-repeat="item in item.tree"
              ng-if="!item.collapsed"
              ng-include="'items_renderer'"
              show-reorder="showReorder">
    </ion-list>
</script>

<div class="list" ng-model="items">
    <span ng-repeat="item in items" ng-include="'items_renderer'"></span>
</div>