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

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。