angular - 具有可变项目高度的 cdk-virtual-scroll-viewport
问题描述
我想cdk-virtual-scroll-viewport在 TimeLine 视图中使用不同高度的项目。
itemSize="x"因此，根据文档，设置哪个是指列表中项目的大小（以像素为单位），是不切实际的。
autosize尚不可用。
是否可以使用cdk-virtual-scroll-viewport可变项目大小的虚拟/无限滚动？
更新
我一直在寻找替代的虚拟/无限滚动解决方案，我几乎不敢相信，似乎没有适用于动态行高的解决方案，即使使用https://github.com/rintoj/ngx-virtual-scroller也不推荐.
2019 年 7 月更新 2
由于同时仍然没有解决方案，我认为解决此问题的“足够好”的方法是加载固定数量的项目，并在列表底部添加一个按钮以加载更多项目，如下例所示：https://stackblitz.com/edit/ang-mat-load-more
解决方案
自动调整大小对我有用。
尝试安装：
"@angular/cdk": "6.2.0",
"@angular/cdk-experimental": "6.2.0"
然后将ScrollingModule导入您的模块：
import {ScrollingModule} from "@angular/cdk-experimental";
imports: [ScrollingModule]
那么你可以使用如下的autosize属性：
<cdk-virtual-scroll-viewport autosize style="height: 100%">