virtualscroll相关内容

带有 mat-grid-list 的 cdk virtualscroll

是否有适用于网格列表的虚拟滚动实现?我认为默认实现不起作用,因为每一行都应该有一个元素. 我使用网格列表来显示个人资料图片,需要无限滚动或最好是虚拟滚动来加载新图片. 解决方案 所以由于 cdk virtualscroll 不支持多列,我最终使用了 ngx-virtual-scroller,支持多列.由于这个原因,我也不得不放弃 mat-grid-list,但是,在使用 flexbo ..

使用 cdk-virtual-scroll (Angular 8) 滚动到底部

目标 显示消息列表并在收到新消息时滚动到底部,即使我在顶部也是如此.即使有不同高度的元素,我也想完全滚动到底部. 问题 使用虚拟滚动,我必须设置 [itemSize] 属性,但对我来说它不是静态值: 当一条消息对于一行来说太长时,它会分成多行,因此它的高度会发生变化. 我有不同类型的不同高度的消息(例如系统消息). 此外,我使用 ng-content 插入来自父级的 ..

如何以编程方式滚动到带有 angular 材质虚拟滚动的项目?

我有一个包含很多项目的列表,每个项目都可以选择.为此,我使用 Angular Material Virtual Scroll.当一个项目被选中时,选中的项目会突出显示,然后保存在服务器上.当我刷新页面时,所选项目来自服务器并再次突出显示. 我的代码看起来像 ..

如何在 Angular 7 中设置 CdkVirtualScrollViewport 的初始索引(位置)

我需要 cdk-virtual-scroll-viewport 的初始位置不是列表的第一个元素/项目. 现在我找到了scrollToIndex和scrollTo方法,但是我只有在ngAfterViewChecked中使用时才能让它们工作,感觉关闭. 有人可以确认在 ngAfterViewChecked 中使用这些方法是正确的做事方式吗? 如果没有,请展示替代方法/技术? @V ..
发布时间:2021-11-08 23:33:22 其他开发

带有 mat-grid-list 的 cdk virtualscroll

是否有适用于网格列表的虚拟滚动实现?我认为默认实现不起作用,因为每一行都应该有一个元素. 我使用网格列表来显示个人资料图片,需要无限滚动或最好是虚拟滚动来加载新图片. 解决方案 所以由于 cdk virtualscroll 不支持多列,我最终使用了 ngx-virtual-scroller,支持多列.由于这个原因,我也不得不放弃 mat-grid-list,但是,在使用 flexbo ..

Angular 7 上的虚拟滚动不可见 - 默认情况下高度为零

场景: 尝试阅读此内容的基本虚拟滚动测试 博文 数组有很多项目 没有错误 在虚拟滚动中加载的列表,但默认高度为 0 快速修复是到 将 cdk-virtual-scroll-viewport 的高度设置为 500px 或设置app.component.css 中“example-viewport"类的高度 问题:克服这个零高度的正确方法是什么? 示例位于 http ..
发布时间:2021-11-08 23:26:03 其他开发

使用cdk-virtual-scroll(角度8)滚动到底部

目标 显示一条消息列表,并在收到新消息时滚动到底部,即使我在顶部也是如此.我希望即使在元素高度不同的情况下也可以完全滚动到底部. 问题 对于虚拟滚动,我必须设置 [itemSize] 属性,但是对我来说,这不是静态值: 当一条消息太长而无法一行时,它会分成多行,因此其高度会发生变化. 我有不同类型的消息,它们的高度不同(例如系统消息). 此外,我正在使用 ng-co ..

带有mat-grid-list的cdk virtualscroll

是否存在与网格列表配合使用的虚拟滚动实现?我认为默认实现无法正常工作,因为每一行周围都应有一个元素. 我正在使用网格列表显示个人资料图片,并且需要无限滚动或最好是虚拟滚动才能加载新图片. 解决方案 因此,由于cdk virtualscroll不支持多列,因此我最终使用了这是一个使用多列的代码段,[users-online-tile]是一个用名称表示用户图片的组件.我使用IsHands ..
发布时间:2020-08-31 21:18:56 其他开发

如何在Angular 7中设置CdkVirtualScrollViewport的初始索引(位置)

我需要cdk-virtual-scroll-viewport的初始位置不是列表的第一个元素/项目. 现在,我找到了scrollToIndex和scrollTo方法,但是只有在ngAfterViewChecked中使用它们时,我才能让它们正常工作. 有人可以确认在ngAfterViewChecked中使用这些方法是正确的处理方式吗? 如果不是,请显示替代方法/技术? @Vie ..
发布时间:2020-08-31 06:54:53 其他开发

Angular 7上的虚拟滚动不可见-默认高度为零

场景: 尝试了一个基本的虚拟滚动测试,阅读此数组中有很多项目 没有错误 列表已加载到虚拟滚动中,但默认情况下其高度为0 快速修复至 将cdk-virtual-scroll-viewport的高度设置为500px或将 app.component.css中"example-viewport"类的高度 问题: 克服这个零高度的正确方法是什么? 在 https://stack ..
发布时间:2020-08-12 22:14:55 其他开发

如何用angular的材质虚拟滚动以编程方式滚动到项目?

我有一个包含很多项目的列表,可以选择每个项目.为此,我使用了Angular Material Virtual Scroll.选择一个项目后,选中的项目将突出显示,然后保存在服务器上.当我刷新页面时,所选项目来自服务器,并再次突出显示. 我的代码看起来像 ..