分页在AngularJS应用程序中的性能

Question

我编写的AngularJS应用程序列出了数据库中的几千条记录。然后我使用limitTo过滤器创建了前端分页。

因此，我一次加载所有记录并动态分页，结果是：

DOM loading ~5s
page loading ~5.2s

DOM加载时间过长，我该怎么办呢？

我正在考虑后端分页，但后来我无法使用所有记录进行动态搜索，我无法进行动态排序等，因为我在PHP级别切片列表在javascript加载之前。

还有其他解决方案吗？

view.tpl：

some HTML
<script type="text/javascript">
   var data = {$data};
</script>
<script src="controller.js">

这是我如何将变量从PHP控制器传递给AngularJS控制器。因此页面源包含巨大的数据数组。

Answer 1

您是否尝试在后端（紧凑型json响应）格式化SQL结果？也许你可以使用webstorage来存储所有结果并提出一次请求来获取它。 https://github.com/fredricrylander/angular-webstorage