开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >在Angularjs中，可以并行加载多个指令吗？

问在Angularjs中，可以并行加载多个指令吗？
EN

Stack Overflow用户

提问于 2017-08-30 21:50:43

回答 1查看 189关注 0票数 0

我在UI上有一个表，有5列。这些列包含不同的图表，这些图表使用不同的指令呈现，例如自定义进度条、用于边际的图表、用于实现目标的图表等。

问题:-加载页面时，页面需要大约10秒才能呈现。(后端返回数据需要800-900ms )。当我将图表列的数量从5个减少到1个时，渲染页面所需的时间已大幅减少到2.5秒。当我一个接一个地添加列时，渲染页面所需的时间会持续增加1-2秒。

我正在寻找是否有一种方法可以一次并行调用5个指令，以便渲染页面所用的时间在3-4秒左右。

提前感谢!！

parallel-processing

angularjs-directive

EN

回答 1

Stack Overflow用户

发布于 2017-08-31 17:11:02

看着你的问题，我在下面找到要分享的。

指令始终并行运行，除非它们不相互嵌套。假设在您的场景中，它们处于ng-repeat循环中，因此它们将运行parallel.
Avoid，一次性调用所有25个对象(具有分页的用例)，这将节省服务器级的时间。
避免同时在DOM上呈现所有图表。DOM渲染是加载周期中开销最大的过程。尝试渲染5，但使用显示块显示一个，其余使用显示无，然后逐个显示它们。这将避免DOM冻结。ng-repeat中的try limit选项。

如果您可以共享DOM代码和JS代码，那就太好了。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45962303

复制

相似问题