没有路由器或导入或 loadChildren 的组件 Angular 延迟加载

标签 angular

<分区>

有没有一种方法可以直接从html中的标签延迟加载组件,比如<my-component></my-component>

在组件模板解析过程中,当 Angular 发现任何在 html 中不可用或尚未加载的新标签时,它应该将整个组件加载到浏览器中。

我知道我们可以使用 loadChildren 加载模块仅特定于路由,还需要加载模块及其组件。我只搜索组件,直接搜索组件而不是模块。

我不想使用路由器或不想在我的应用程序中导入组件 ot 模块。我想要当 angular2 找到一个不在 html5 中的标签时,它将在 spcictfic 文件夹中搜索并加载 js 和 html 文件并将该组件注入(inject)特定标签

最佳答案

在您的情况下,您必须将动态组件加载与组件构建器一起使用,这对 AOT 有限制,动态组件将不适用于 AOT。

动态组件加载将找到您的标签并在 DOM 中加载适当的组件

关于没有路由器或导入或 loadChildren 的组件 Angular 延迟加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40706572/

相关文章:

选择下拉选项后,Angular Material Autocomplete observable 会触发额外的时间

html - 我想允许在列表组中选择多个按钮

charts - 图表在 Angular2 中不起作用

angular - 删除警告 "Option baseHref is depracated, use baseHref option in the browser builder itself"

Angular 通用 + pwa 错误 { 错误 : Uncaught (in promise): Error: Cannot match any routes. URL 段: 'ngsw_worker.es6.js.map'

javascript - 从选项卡打开 ionic 侧边菜单

angular - 动画无法在移动设备上运行

angular - 可选的异步管道或默认

Angular 8 将项目添加到数组并更新 mat-list 中的显示

javascript - Ngfor 对象列表并从主数组中的对象之一内的数组再次循环