Angular中的延迟加载组件

时间:2020-06-19 04:34:53

标签: angular angular-ui-router

我已经看到了两种方法来按角度延迟加载分量:

  1. 使用路线(使用loadchildern)
  2. 使用ViewContainerRef和ComponentFactoryResolver

这两种技术有什么区别?

1 个答案:

答案 0 :(得分:3)

据我所知

loadChildren用于延迟加载模块,而不延迟加载组件。这意味着您要将模块中包含的所有组件加载到浏览器中。这将有助于延迟加载功能模块

要延迟加载组件(Angular 9的功能),我们需要ComponentFactoryResolver。

还需要

ComponentFactoryResolver动态加载任何组件(所有Angular2 +版本中的现有功能)

是的,我们当然需要ViewContanierRef作为占位符,以便在DOM中的特定位置添加新组件

P.S:我并不是为了在问题的范围内添加示例代码