Javascript 角度ui树避免完全渲染
我使用angular ui tree来渲染包含数据的树,但每次加载页面时都会渲染所有节点,我希望避免渲染,因为使用大量数据会锁定浏览器 我尝试添加数据nodrop enabled和data collapsed=“true”,但树只呈现一个差异,所有节点都关闭 有一种方法可以在客户端使用此组件按需呈现数据吗? 主要观点:Javascript 角度ui树避免完全渲染,javascript,angularjs,tree,angular-ui-tree,Javascript,Angularjs,Tree,Angular Ui Tree,我使用angular ui tree来渲染包含数据的树,但每次加载页面时都会渲染所有节点,我希望避免渲染,因为使用大量数据会锁定浏览器 我尝试添加数据nodrop enabled和data collapsed=“true”,但树只呈现一个差异,所有节点都关闭 有一种方法可以在客户端使用此组件按需呈现数据吗? 主要观点: <div ui-tree id="tree-root"> <ol ui-tree-nodes ng-model="Nodes">
<div ui-tree id="tree-root">
<ol ui-tree-nodes ng-model="Nodes">
<li ng-repeat="node in Nodes" data-nodrop-enabled ui-tree-node data-collapsed="true" ng-include="'app/shared/renderNode.html'"></li>
</ol>
</div>
局部视图
<div ui-tree-handle class="tree-node tree-node-content tree-node-rules">
<a class="btn btn-default btn-sm" ng-if="node.Nodes && node.Nodes.length > 0" data-drag-enabled="false" data-nodrag ng-click="toggle(this)">
<span class="glyphicon" ng-class="{'glyphicon-folder-close': collapsed,'glyphicon-folder-open': !collapsed}"></span>
</a>
<span class="btn-title btn-title-parent">{{node.Path}}</span>
</div>
<ol ui-tree-nodes="" ng-model="node.Nodes" ng-class="{hidden: collapsed}">
<li ng-repeat="node in node.Nodes" class="tree-item-title" data-collapsed="true" data-nodrag ui-tree-node ng-include="'app/shared/renderNode.html'"></li>
</ol>
{{node.Path}
我的建议是尽可能多地嵌套数据,并为树维护一个控制器。主视图由局部视图引用,它递归地引用自身。不要认为存在局部渲染选项