在 Angular 中加载大量组件的最佳方法是什么答案

【问题标题】：What is the best way to load large number of components in Angular在 Angular 中加载大量组件的最佳方法是什么
【发布时间】：2019-11-12 11:28:33
【问题描述】：

好的，我有一个带有 104 个组件（小部件）的 DashboardSharedModule。

然后有一个自定义页面（CustomizationModule），用户可以在其中选择 104 个小部件（组件），这是延迟加载模块。

每当我导航到自定义页面时，所有 104 个组件都会同时加载，加载时间几乎为 4-5 秒。

加载所有这些组件的最佳方式是什么？也许使用滚动技术？

但每当我在 CustomizationModule 模块中导入 DashboardSharedModule 时，它都会加载所有组件。

如何避免组件加载延迟 4-5 秒。

【问题讨论】：

4-5 秒还不错。也许只是显示一个加载指示器。
那么用户只有在需要自定义页面时才会遇到延迟，必须从所有组件中进行选择？如果是这样，那么下一个问题是用户多久执行一次此操作？如果不是那么频繁，我会建议显示一个加载/进度指示器并将其保留在那个位置（5 秒不是那么长）。如果用户必须非常频繁地访问此页面（并因此等待），那么您可能需要对如何对组件进行分页进行一些额外的调查。

【解决方案1】：

您可以识别所需的组件子集，并在用户真正需要时以惰性方式加载其他组件。如果您不导航（不更改路线），谁将需要一种通过代码加载组件的方法。

问候

【讨论】：