Angular 中的延迟加载组件

Lazy Loading components in Angular

我在 angular 中看到了两种延迟加载组件的方法:

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

这两种技术有什么区别?

据我所知,

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

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

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

是的,我们当然需要 ViewContanierRef 作为占位符在 DOM

中的特定位置添加新组件

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