问题标签 [angular-cdk-virtual-scroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1162 浏览

css - 为 Angular CDK 虚拟滚动视口设置动态高度

我正在使用 cdk Virtual Scroll 处理 Angular 表。你知道有没有办法设置滚动视口的动态高度?使用标准样式属性一切正常,但我无法使用 ngStyle 设置值。如果有任何帮助,我将不胜感激。

0 投票
1 回答
125 浏览

angular - 如何在 Angular 6 中使用 Angular cdk v7?

我正在使用 angular 版本 6 开发一个项目,其中我有大量图像,所以我想添加cdk-virtual-scrlling,但是如果我正在更新 cdk 版本,那么它会显示错误。那么我如何cdk-virtual-scrolling在 Angular 6 中使用。

0 投票
1 回答
801 浏览

angular - 当我们要迭代的数据较少时,cdkvirtualfor 不起作用

当我过滤数组时,我们没有得到垂直滚动的数据。所以*cdkVirtualFor不要重新渲染 UI。当我们有更多数据时,它会起作用。

如果我*ngFor总是使用它,它会起作用。

对于我的情况,使用 *ngFor 是更好的选择,或者我们仍然可以使用 *cdkVirtualFor 并进行一些更改来解决这个问题?

还是这与高度有关cdk-virtual-scroll-viewport

0 投票
2 回答
951 浏览

angular - 响应式表单数组对象已更新,但虚拟滚动列表未在前端更新

复制: https ://stackblitz.com/edit/angular-rf-virtual-scroll

预期行为: 数据应附加在 UI 中的虚拟滚动列表中

实际行为

=> 虚拟滚动列表未更新(前端)=> 反应式表单数组对象已完美更新(以 ts 为单位)

0 投票
1 回答
394 浏览

angular - 虚拟卷轴 - 有条件启用

我正在处理大数据表,如果我想使用虚拟滚动或标准解决方案,我需要有机会设置动态。在我的原型上,我使用 *ngIf 并为标准主体和 cdk 虚拟滚动 vierport 复制视图。是否有可能只禁用虚拟滚动,而不为备用视图构建额外的组件?提前致谢!

0 投票
0 回答
420 浏览

angular - 是否可以使用带有项目行的角度虚拟列表?

使用 Angular 8,我有一个包含数千张卡片的列表,我想在滚动时有效地查看它们,每行有 4 张或更多卡片(使用换行),并且仍然使用虚拟滚动功能。就我的尝试而言,我每行可以有超过 1 个项目。这是我的代码供参考,

0 投票
1 回答
1288 浏览

robotframework - 如何使用机器人框架滚动定位器

我在我的前端使用 angular,在我的页面的某些部分我包含了虚拟滚动:

https://material.angular.io/cdk/scrolling/overview

对于那些不知道的人,它用于避免一次在巨大的列表中呈现所有数据,它的作用是它只在前端包含那些根据滚动条显示的项目。

现在我想检查所有项目是否都在这个虚拟表中,所以,我需要向下滚动直到项目定位器出现。

我正在考虑向下滚动约 50 px 并检查项目是否存在,如果存在,则停止,否则继续滚动。

问题是我找不到如何使用机器人框架滚动,我只看到:

但这对我没有用,因为我的项目没有“隐藏”它不存在。

这是一种方法吗:

0 投票
0 回答
1073 浏览

angular - 如何将 Primeng 数据表与 ngx-infinite-scroll 集成

我正在尝试集成 ngx-infinite 滚动库 https://www.npmjs.com/package/ngx-infinite-scroll

带底漆网格

https://www.primefaces.org/primeng-4.3.0/#/datatable

有没有人试图将它们集成在一起或任何其他数据表。

0 投票
0 回答
533 浏览

angular - Angular 8- 使用 cdkDrag 和 cdk-virtual-scroll 拖动元素时自动滚动

我有一长串必须拖放的元素。如果元素在视口中,这将起作用。如果我必须进一步向下或向上拖动,页面不会滚动。我使用 CdkVirtualScrollViewport 进行滚动,使用 CdkDragDrop 进行拖放。

这是我的html代码

还有我的 .ts 文件功能

如何在使用 cdkvirtualscroll 拖动时实现自动滚动?

0 投票
0 回答
369 浏览

angular - 以角度 5 实现虚拟滚动

如何在角度 5 中实现虚拟滚动?我在 Angular 5 项目中尝试了在 Angular 6 中实现虚拟滚动,但这没有用。有没有其他方法可以在角度 5 中实现虚拟滚动?

假设我有一个组件显示这样的数据

数据的值为

现在这个列表挂起这么大的数据集?所以我需要在这个组件中添加虚拟滚动,以便它像https://stackblitz.com/edit/angular-cdk-demo-virtual-scroll?file=package.json中的第一个示例一样运行