angular-cdk-virtual-scroll相关内容

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

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

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

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

虚拟滚动-有条件时启用

我正在处理大数据表,并且如果要使用虚拟滚动或标准解决方案,则需要有机会设置动态设置.在我的原型上,我使用* ngIf并为标准正文和cdk虚拟滚动虚拟机副本视图复制了视图.是否有可能仅禁用虚拟滚动,而无需为备用视图构建其他组件?预先感谢! 解决方案 我相信您正在根据条件添加虚拟滚动指令.在这种情况下,目前无法完成.没有方法,无法根据条件将指令添加到元素.它必须静态绑定到HTML才能定义其行为 ..
发布时间:2021-04-06 20:12:30 其他开发

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

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

在cdk-virtual-scroller中获取静态组件引用? (参考文献被回收)

我们最近将可滚动列表转换为CDK Virtual Scroller. (Angular 7.2.12和angular/cdk 7.3.7) 简而言之,似乎VirtualScrollViewport正在回收组件实例,而不仅仅是文档建议的模板. StackBlitz上的实时MCVE (已更新以反映编辑1). 编辑1 一位同事提醒我,我们现在使用的是命名引用,而不是ViewChi ..
发布时间:2020-07-16 21:38:38 其他开发

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

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