Я хотел бы использовать виртуальную прокрутку с 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>
Я сделал небольшую демонстрацию: https://stackblitz.com/edit/angular-tikbvh, которая показывает результат (безvirtualscroll) и попытка сделать то же самое с помощью cdk-virtual-scroll-viewport.