Если вы когда-либо писали интерфейсное приложение, вы, вероятно, сталкивались с проблемой производительности, вызванной обработкой DOM с длинными списками.
Добавление множества HTMLElements к DOM полностью остановит ваш браузер. Поэтому были изобретены виртуальные списки.
Виртуализированные списки отображают только ту часть списка, которую может видеть пользователь, + некоторые дополнительные части вверх и вниз, чтобы пользователь не мог почувствовать, что элементы отображаются в событии прокрутки.
Существует несколько решений с открытым исходным кодом для виртуализации списков, но я не смог найти решение, которое соответствовало бы моему вкусу и потребностям виртуализации сеток в angular 2.
Вот почему я создал angular2-cool-infinite-grid:
Супер простая сетка с бесконечной прокруткой, написанная для angular 2, с простой настройкой и использованием:
Компонент позволяет синхронно и асинхронно загружать элементы в сетку, что отлично подходит для снижения нагрузки на сервер и создания действительно бесконечных списков.
Надеюсь, вы найдете ее полезной.
Спасибо за чтение.