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

Question

好的，我有一个 DashboardSharedModule ，其中包含104个 Components （小部件）。

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

每当我导航到定制页面时，所有104个组件都立即加载，并且加载几乎需要4-5秒。

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

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

应该采取什么措施来避免组件加载延迟4-5秒。

Answer 1

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

这个库看起来不错：https://github.com/wishtack/wishtack-steroids/tree/master/packages/reactive-component-loader，您可以看一下它到底有多适合您的需求。

致谢