我一直在谷歌上搜索这个版本,有很多版本,大多数都是旧的. 我有一个Angular 16的项目,它不是用独立的组件制作的,但我已经创建了这个1独立的组件,我想要加载为一个对话框.

我的问题是,在Angular 16中,我如何在不使用布线或预加载的情况下加载独立组件?

这件事做得到吗?

任何指导将不胜感激,因为有太多的版本在互联网上.

推荐答案

您可以使用标准ES导入来延迟加载组件

async loadLazyComp() { 
  const component = import('./path/to/component').then(r => r.MyComponent)
}

但将它们呈现为一种模式是另一件事.

例如,您可以使用Angular material 对话框,它可能如下所示:

openLazyDialog() {
  import('./path/to/component').then(result => this.matDialog.open(result.MyComponent));
}

Typescript相关问答推荐

实现忽略了JSSOM中的doctor.body.innerHTML集

为什么在将条件返回类型的字符串赋给数字时没有类型错误?

在Angular中注入多个BrowserModules,但在我的代码中只有一个

对深度对象键/路径进行适当的智能感知和类型判断,作为函数参数,而不会触发递归类型限制器

Angular 错误NG0303在Angular 项目中使用app.Component.html中的NGFor

无法绑定ngModel.条件ngSwitchCase中的错误

在嵌套属性中使用Required

通配符路径与每条路径一起显示

如何在Reaction路由v6.4加载器和操作中获得Auth0访问令牌?

Angular NgModel不更新Typescript

如何使我的函数专门针对联合标记?

是否存在类型联合的替代方案,其中包括仅在某些替代方案中存在的可选属性?

如何将v-for中的迭代器编写为v-if中的字符串?

编译TypeScrip项目的一部分导致错误

TypeScrip错误:为循环中的对象属性赋值

判断映射类型内的键值的条件类型

TypeScrip:使用Union ToInterval辅助对象,但保留子表达式

如何将 MUI 主题对象的自定义属性与情感样式组件中的自定义props 一起使用?

是否有解释为什么默认情况下在泛型类型上访问的属性不是索引访问

typeof 运算符和泛型的奇怪行为