angular - 具有大型数据集的角度选择
问题描述
我有一个使用 firebase 查找大型数据集的 Angular 应用程序。我必须向用户显示一个下拉菜单,其中可能有 20k 个对象。
在不损失性能的情况下完成此类任务的最佳实践是什么?
我尝试了一些第三方下拉组件,例如:ngx-select和ngx-bootstrap 的 typeahead。一切都会导致我的网页冻结。
我正在寻找有关如何在不损失性能的情况下实现此类功能的建议。
解决方案
您可以使用一组预定义的选项来实现这一点。然后,用户可以单击更多以查看更多选项,然后这些选项将被延迟加载,并且当他向下滚动时,这些选项可以再次延迟加载。我的意思是带来大量数据,而不是一次填充整个数据。您还可以实现自动完成以方便搜索。祝你好运!
推荐阅读
- react-native - 有效载荷 {"name":"DrawerNavigationRoutes"} 的操作 'REPLACE' 未被任何导航器处理
- c - 为 Lua 5.X 编写一个 lua C 模块
- python - 使用动态变量迭代多个字典:
- sql - 将列添加到按语句分组后如何仅聚合或显示第一行
- python - Flask + Requests 错误“TypeError:'Request'对象不可迭代”
- python - 使用 conda 环境运行烧瓶应用程序面临困难
- android - Ionic 5 React 背景地理定位
- java - 回收商查看项目未显示
- python - How can I determine library version in Google Collab to determine app's requirements.txt?
- c# - 使用 Jenkins 构建 vdproj