我想在时间轴视图中使用 cdk-virtual-scroll-viewport 来显示高度不同的项目。 因此,设置 itemSize="x",根据文档引用的是列表中项目的大小(以像素为单位),是不可行的。 autosize 目前还不可用。 是否可能使用具有可变项目大小的 cdk-virt...
我希望在我的Angular应用程序上使用虚拟滚动。列表中的项目是远程分页搜索的结果。当我向下滚动视口到达底部时,我想加载更多结果(调用下一页)。 这是我的模板:<div class="container"> <cdk-virtual-scroll-viewport ...
我正在构建一个垂直滚动的日历。初始天数已经加载,但是当新的天数被添加到列表中时,它们没有被渲染。 <cdk-virtual-scroll-viewport class="demo-viewport" [itemSize]="100" (onContentScrolled)=...
我有一个列表,其中有许多项目,每个项目都可以被选择。为此,我使用了Angular Material Virtual Scroll。当选择某个项目时,所选项目会被突出显示,然后保存到服务器上。当我刷新页面时,所选项目从服务器返回并再次突出显示。 我的代码如下:<cdk-virtual-s...
我想提出一个理论问题。 假设我有一个无限滚动的功能,实现方式参考这里:https://medium.com/frontend-journeys/how-virtual-infinite-scrolling-works-239f7ee5aa58。它并不复杂,简单来说就是一个数据表格,大小为Nx...
自从 HTML 解析 tr 然后 td,使用 <cdk-virtual-scroll-viewport> 会破坏视图,是否有 cdkVirtualScrollViewport 指令适用于 <tbody>? <tbody> <cdk-virtual-s...
我正在寻找一个具有以下功能的angular虚拟滚动包: 1) 横向虚拟滚动 2) 容器宽度和高度是流体的。 3) 项目宽度设置为容器宽度的百分比。 4) 项目在渲染过程中可以最小化。 Angular cdk目前仅适用于固定的项目高度和宽度... 以下是应该如何呈现的示例: .paren...
情境: 尝试基本的虚拟滚动测试,阅读此博客文章 数组有很多项 没有错误 列表在虚拟滚动中加载,但默认情况下其高度为0 快速修复方法是: 将cdk-virtual-scroll-viewport的高度设置为500px或在app.component.css中为class 'exampl...
特别是在移动端,当用户滚动页面时,页面会立即刷新。如果用户快速滚动页面,则很难渲染。
目标 显示消息列表,并在接收到新消息时向底部滚动,即使我在顶部。我希望可以完全滚动到底部,即使其中的元素高度不同。 问题 使用虚拟滚动(virtual scroll),我必须设置[itemSize]属性,但对我来说它不是一个静态值: 当一条消息过长超过一行时,它会分成多行,因此其高度...