Виртуальная прокрутка для дочерних элементов ларги в компоненте mat-tree ⇐ Javascript

[Anonymous]

У меня возникли проблемы с моим компонентом mat-tree. Я пытаюсь нарисовать иерархию папок/файлов с помощью корневой папки (или нескольких корневых папок). Проблема в том, что когда я пытаюсь открыть очень большие дочерние элементы, дерево матов начинает рендеринг всех дочерних узлов, и это занимает более 1 минуты. Я читал о виртуальной прокрутке, но все примеры, которые я нашел, работают для списков, а не для списков внутри объектов.
Это мой компонент:





text_snippet


{{ getFileName(node) }}


{{ formatSize(node.size) }}







{{ treeControl.isExpanded(node) ? 'folder_open' : 'folder' }}


{{ node.name }}

{{ node.size }}




Подробнее здесь: https://stackoverflow.com/questions/793 ... -component