Я использую обновленный проект Angular 6 с компонентом angular2-tree менее 500 узлов, включая дочерний узел, очень хорошо работает в браузере Google Chrome, но не работает в Firefox, это замедляет работу вкладки браузера, которую я пробовал с 3 узлами, и она не работает вFirfox и Safari также.
опции дерева:
options: ITreeOptions = {
idField: 'DTP_Mod_ID',
displayField: 'DTP_Mod_Name_TotalTC',
childrenField: 'children',
allowDrag: true,
allowDrop: true,
nodeHeight: 23,
useVirtualScroll: true
};
HTML-код дерева
<tree-root #tree [nodes]="nodes" [options]="options" (activate)="isActive($event.node.data)">
<ng-template #treeNodeTemplate let-node let-index="index" let-templates="templates">
<span class="fa fa-folder-o mr-2 font-small-3" *ngIf="node.isCollapsed && node.hasChildren"></span>
<span class="fa fa-folder-open-o mr-2 font-small-3" *ngIf="node.isExpanded && node.hasChildren"></span>
<span>{{ node.data.name }}</span>
</ng-template>
</tree-root>