可从后端数据存储进行页面调度的Angular 8选项组件

问题描述 投票:0回答:1

我已经为加载到mat-option组件集合中的一组数据实现了虚拟滚动。

所有方法都很好,因此一次仅在DOM中呈现一小部分数据。

我的问题是,我想检测用户何时滚动到选项列表的末尾并触发服务以从REST API获取下一批数据。

可能有超过20万行数据。因此,尽管在任何给定时间仅在DOM中呈现了很小的集合,但我都不想一次将所有这些都发送给客户端。

我还需要检测用户何时滚动到列表的顶部,以从REST API检索先前的数据集。

因此,它就像是一个可分页的表,但是通过使用一组mat-option组件代替。

任何想法都将不胜感激。

angular angular-material option scrollable
1个回答
0
投票

检查角度的无限滚动实现,以检测滚动何时到达屏幕底部。检查以下链接以了解更多

https://alligator.io/angular/infinite-scroll/

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

© www.soinside.com 2019 - 2024. All rights reserved.