Angularjs 如何加载大量数据?

Angularjs 如何加载大量数据?,angularjs,Angularjs,我从服务器上获得了5000个用户及其详细信息列表,并试图显示这些记录。显示记录,但我看到继续加载。。加载后,我什么也做不了。是否有任何解决方案可以在不加载和崩溃的情况下加载5000条记录 不建议一次加载5000条记录并尝试在浏览器中显示相同的记录。您需要使用分页。您无法将一些繁重的数据加载到浏览器中。它可能崩溃或没有响应。使用分页一次只能带来10/20/30条记录,并提供分页按钮,这样用户就可以单击并导航到所需的页面 关于如何进行分页的文章: --如果您使用的是WebAPI,那么加载5000条记

我从服务器上获得了5000个用户及其详细信息列表,并试图显示这些记录。显示记录,但我看到继续加载。。加载后,我什么也做不了。是否有任何解决方案可以在不加载和崩溃的情况下加载5000条记录

不建议一次加载5000条记录并尝试在浏览器中显示相同的记录。您需要使用分页。您无法将一些繁重的数据加载到浏览器中。它可能崩溃或没有响应。使用分页一次只能带来10/20/30条记录,并提供分页按钮,这样用户就可以单击并导航到所需的页面

关于如何进行分页的文章:

--如果您使用的是WebAPI,那么加载5000条记录的问题不仅在于您接收了大量数据,还在于您必须在摘要周期中处理所有这些数据。我敢打赌,如果您在浏览器中进行分析,您会发现大部分CPU时间都花在摘要循环中

为了避免这种情况,一次只能在页面上允许有限数量的DOM元素。正如所建议的,一种方法是使用分页

另一种方法是,在仍然加载5000条记录的情况下,使用一种称为虚拟重复/滚动的概念,其中您有一个指令,该指令仅显示可以在视口中显示的元素(即在用户屏幕上),然后每当用户滚动时,该指令会在下方添加更多元素,同时删除视图外的元素。这可以无缝完成,并对性能产生巨大影响


虚拟重复/滚动可能是一项很难自己创建的任务,但幸运的是,有几种不同的实现可用。我在这方面有经验,但也有其他人同样有效。

请向我们展示您迄今为止所做的尝试!您可以在用户滚动表格时延迟加载数据。更好的是,如果数据只是显示出来,您还可以使用一次性绑定{{::val}}。即使一次做100个也不太糟糕。还应该考虑使用搜索框来定位或筛选结果。有很多帮助包在那里帮助你分页;我倾向于引导:就可用性而言,一个过滤器将是最好的选择,因为我们不是在一个页面上显示所有内容,我同意,但在加载这些记录之后。我想在一分钟内发送一条通用消息给所有人。所以我需要所有用户显示您是否正在尝试将记录加载到浏览器?必须向用户发送什么消息?如果你能详细说明需求,就很容易回答。考虑一个面板,那里有用户列表,点击所有(复选框)。所有用户都应该被选中,然后向选定的用户发送一个常见的MSG。