cdk-virtual-scroll-viewport 使用 angular/flex-layout(行和换行)

mak*_*_at 7 flexbox angular-material angular

我想在 flexlayout 中使用虚拟滚动 - 例如,以下代码应该适用于虚拟滚动:

<div fxLayout="row wrap" fxLayoutAlign="start center">
    <div *ngFor="let size of fixedSizeData; let i = index" [style.height.px]="size">
      <div style="border: 1px dashed; padding: 6px;" [style.height.px]="size - 20">
        Item #{{i}} - ({{size}}px)
      </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

做了一个小演示,它显示了结果(没有virtualscroll)并尝试用cdk-virtual-scroll-viewport.