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

Как мне настроить виртуальную прокрутку 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), но кажется, что они требуют, чтобы каждый элемент был в одной строке.


angular angular-cdk-virtual-scroll
person Exocomp    schedule 18.04.2019    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

person Exocomp    schedule 19.04.2019
comment
это все еще невозможно сделать? - person C Alonso C Ortega; 17.03.2020
comment
В вопросе github @speige упомянул возможное решение с помощью CSS. Удалось ли вам это сделать? - person C Alonso C Ortega; 17.03.2020