在 Angular 19 中如何以懒加载的方式动态创建 Component

悬赏园豆：30 [已解决问题] 解决于 2024-12-29 22:59

懒加载是是指 lazy 或者 defer 方式，动态创建是在运行时创建 Component，请问在 angular 19 中如何实现？

web前端 angular

dudu | 高人七级 | 园豆：28699
提问于：2024-12-29 22:37

< >

最佳答案

通过 ViewContainerRef.createComponent 创建动态 import 的 Component 即可

export class AppComponent {
  constructor(private viewContainerRef: ViewContainerRef) 
  { }

  async show() {
    this.viewContainerRef.createComponent(
      (await import('../my-component/my-component.component')).MyComponentComponent
    )
  }
}

dudu | 高人七级 |园豆：28699 | 2024-12-29 22:57

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

在 Angular 19 中如何以懒加载的方式动态创建 Component

欢迎，请先登录或者注册。