具有引导响应式设计的角度虚拟滚动

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 确实支持水平元素。见here。