Угловая виртуальная прокрутка с загрузочным адаптивным дизайном

Question

Как настроить виртуальную прокрутку Angular с помощью адаптивного дизайна начальной загрузки?

Например:

<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 col-6" *ngFor="let item of items; let i = index">
        <img src="{{item.url}}">
    </div>
</div>

Таким образом, в основном изображения загружаются горизонтально рядом друг с другом и оборачивают область просмотра, и изменение размера области просмотра изменит размер столбцов.

Я нашел ngx-virtual-scroller ( https://github.com/rintoj/ngx-virtual-scroller/issues/321), а также прокрутку cdk ( https://material.angular.io/cdk/scrolling/overview), но кажется, они требуют, чтобы каждый элемент был в одном ряду.

Answer 1

ngx-virtual-scroller поддерживает горизонтальные элементы. Смотрите здесь