nickperkinslondon / angular-bootstrap-nav-tree

An AngularJS directive that creates a Tree based on a Bootstrap "nav" list.
MIT License
681 stars 301 forks source link

Performance issue in IE #120

Open shivakiranrddy opened 6 years ago

shivakiranrddy commented 6 years ago
<ul class="nav nav-list nav-pills nav-stacked abn-tree">

    <li ng-repeat="row in tree_rows | filter:{visible:true} track by row.branch.uid" ng-animate="'abn-tree-animate'"
        ng-class="'level-' + {{ row.level }} + (row.branch.selected ? ' active':'')" class="abn-tree-row">
</li>
</ul>

But the data is tree_rows is big and it is trying to loop through all the children and construct tree and it has performance hit in IE.

Is it possible to load all the parent nodes first once we click on expand, it constructs children from the list.