使用 Angular 8,我有一个包含数千张卡片的列表,我想在滚动时有效地查看它们,每行有 4 张或更多卡片(使用换行),并且仍然使用虚拟滚动功能。就我的尝试而言,我每行可以有超过 1 个项目。这是我的代码供参考,
<cdk-virtual-scroll-viewport itemSize="200" class="viewport" >
<div class="card" *cdkVirtualFor="let c of cards ; templateCacheSize: 50">
<img class="image" src="{{cdnAddress}}/{{set1Address}}/img/cards/{{c.cardCode}}.png">
</div>
</cdk-virtual-scroll-viewport>