javascript - Angular中实现延迟加载的方法

Question

我目前正在开发一个基于 AngularJS 的 Web 应用程序。在少数屏幕上，我必须重复一个数组对象才能在屏幕上显示多个图 block 。然而，数据并不多，但由于每个图 block 的多个指令编译，DOM 上的渲染花费了太多时间。在另一个屏幕上，我使用 highcharts 库为数组中的每个此类对象绘制 4 个系列。

因此，为了提高性能，我正在考虑将 DOM 渲染限制为仅在视口(viewport)区域。我已经浏览了 jQuery 中提供此类实现的几个外部库，但我正在寻找一个纯粹且简单的基于 AngularJS 的想法。

我尝试过的一件事是在 ng-repeat 中使用 limitTo 。它将 DOM 操作减少到有限的数据。但是，我正在寻找一种技术，可以根据用户滚动的需要从服务器获取数据。

有没有一个简单的方法可以在客户端执行此操作？我应该去处理滚动事件并调用服务器获取数据吗？

Answer 1

提高性能的一个简单方法确实是对结果进行分页。如果您想通过滚动对项目进行分页，您可能需要查看 ngInfiniteScroll 。