Для разработки браузера LDAP мне нужно отображать большие деревья.Первый уровень предназначен для локации, где второй уровень содержит сотни элементов.Так что ленивая загрузка необходима, чтобы избежать чрезмерно длинных загрузок страницы.
Расширение местоположения также заняло много времени для загрузки / анализа всех элементов.Поэтому я хотел бы получить пошаговую сборку, передав каждый элемент через Websockets.И я хочу отобразить его в реальном времени: отправить child1, отобразить child1.Затем отправьте child2, отобразите child2 и так далее.
Чтобы было понятнее, для демонстрации я создал простую скрипку, как она должна выглядеть: https://jsfiddle.net/wj13Ly73/
let number = 0
setInterval(() => {
$('#second-level').append(`<li>OU=Test${++number}</li>`);
}, 300);
Цель состоит в том, чтобы пользователь увидел первые элементы вместоничего не видеть, пока все не загружено.Проблема: я не смог найти ни одного компонента, совместимого с Angular, который бы создавал дочерние элементы вот такХотя многие, например, angular-tree-component или ng2-tree поддерживают отложенную загрузку, они не могут отображать такой прогресс.
Вместо этого они выбираютВСЕ ребята за один раз и отдают их позже.Это имеет описанный побочный эффект, что пользователь не видит никакого результата, пока все не будут загружены / проанализированы, что я не хочу.
Я использую угловой 5,2.