Angular 中的延迟加载组件
Lazy Loading components in Angular
我在 angular 中看到了两种延迟加载组件的方法:
- 使用路由(使用loadchildern)
- 使用 ViewContainerRef 和 ComponentFactoryResolver
这两种技术有什么区别?
据我所知,
loadChildren用于延迟加载模块而不是组件。这意味着您正在将模块中包含的所有组件加载到浏览器中。这将有助于延迟加载功能模块
要延迟加载组件(Angular 9 的功能),我们需要 ComponentFactoryResolver。
ComponentFactoryResolver 也需要动态加载任何组件(所有 Angular2+ 版本中的现有功能)
是的,我们当然需要 ViewContanierRef 作为占位符在 DOM
中的特定位置添加新组件
P.S:我添加示例代码并不是为了在问题的范围内
我在 angular 中看到了两种延迟加载组件的方法:
- 使用路由(使用loadchildern)
- 使用 ViewContainerRef 和 ComponentFactoryResolver
这两种技术有什么区别?
据我所知,
loadChildren用于延迟加载模块而不是组件。这意味着您正在将模块中包含的所有组件加载到浏览器中。这将有助于延迟加载功能模块
要延迟加载组件(Angular 9 的功能),我们需要 ComponentFactoryResolver。
ComponentFactoryResolver 也需要动态加载任何组件(所有 Angular2+ 版本中的现有功能)
是的,我们当然需要 ViewContanierRef 作为占位符在 DOM
中的特定位置添加新组件P.S:我添加示例代码并不是为了在问题的范围内