在父模块中使用延迟加载的组件?

贾斯汀·杨(Justin Young)

我有一个父模块(app.module)和一个子模块(contacts.module)。子模块是延迟加载的。父模块利用子模块中的组件,但是当我导航到子路由时,出现错误:

'app-contacts-home' is not a known element:
1. If 'app-contacts-home' is an Angular component, then verify that it is part of this module.
2. If 'app-contacts-home' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to 

显然,该组件不属于父模块,因为它是延迟加载的。我尝试添加app-contacts-homeentryComponentin contact.module,但是没有运气。

如何在父组件中使用延迟加载的组件?

奥克塔维奥·加巴里诺

不,您不能在父模块中使用子延迟加载模块中的组件。

在这些情况下,您应该做的是制作第三个模块(SharedModule),该模块将具有两个模块的组件中使用的组件。然后将第三个模块导入父子模块,该第三个模块将不会被延迟加载。

本页https://angular.io/guide/sharing-ngmodules中的文档提供了有关此信息的有用信息。

希望这会有所帮助!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在angular 2延迟加载的模块中使用外部javascript库,而不在index.html中使用

如何通过延迟加载在模块之间共享组件

如何在angular2的子模块组件中使用父模块组件

在延迟加载的模块上使用ReactiveFormsModule

在延迟加载的模块中使用Angular组件

在模块中使用导出的组件

如何在其他延迟加载模块中使用模块中的组件

Angular 2:如何从组件内部读取延迟加载的模块的路由

在子延迟加载模块中使用参数进行角路由?不能匹配每次抛出的任何路线

Angular,如何在延迟加载的模块中包含多个组件?

在父组件中使用的Vue模态组件

Angular 7延迟加载模块的组件加载两次

在Angular 8中使用共享组件进行延迟加载

在父组件中使用组件的多个实例

为延迟加载的模块组件指定routerLink?

如何使用延迟加载仅加载angular 8中的模块

如何在Angular 9中使用“懒加载”使用子组件的事件属性绑定父组件

在DRF中使用延迟加载

延迟加载primefaces组件

在从外部JSON文件构造的模板中使用延迟加载的Angular 2组件

如何在 angular 中使用动态加载的模块组件中的现有组件

Angular,在延迟加载的模块中暴露组件

Angular 5 - 组件在延迟加载模块中不可用

使用延迟加载加载模块和数据导致无限循环

Angular 6 使用延迟加载访问父组件的子组件时的意外行为

在路由器插座注入的延迟加载模块中使用面包屑组件

急切加载模块的组件未显示在延迟加载模块中

具有相同名称的 Angular 延迟加载模块组件

如何在延迟加载的模块中使用 angularx-social-login?