如何在AngularJS模型的多个实例中植入数据？

我有一个webapp，在一个页面上有10-15个模块。每个模块显示不同类型的数据，并允许分页、筛选等

我目前异步加载每个模块的数据，但这感觉不稳定，应用程序以不同的速度更新，当AJAX调用返回承诺时，页面加载可能需要5到10秒才能完全填充

---

为避免单独加载每个模块，在页面上播种数据的最佳方式是什么。它们仍然会通过对数据源的AJAX调用进行分页和过滤，但我希望它们在页面加载时显示为完全填充。

您可以使用$q.all（）将一些承诺链接在一起，等待它们全部完成

方法-全部（承诺）

返回将使用值数组解析的单个承诺，每个值对应于承诺数组中相同索引处的承诺。如果任何承诺以拒绝方式解决，则由此产生的承诺将以相同的拒绝方式解决

或者，您可以在加载所有内容时显示一个微调器，如下所示：

---

这是一个plnkr:

检查ng斗篷我认为它可以满足您的需求，如果不是，也许您可以使用ng隐藏/ng显示，然后在所有承诺返回后使用布尔值打开显示是的，这是一个可能的解决方案，我看到的唯一缺点是页面部分空白，加载完成后，所有元素都会闪烁到位。也许您可以使用微调器或进度条显示一些漂亮的加载屏幕，然后切换到显示已填充数据的元素。您还可以尝试在服务器上生成初始视图。