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

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

0 голосов
/ 19 апреля 2019

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

1 Ответ

0 голосов
/ 19 апреля 2019

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

...