如何 import/use 在另一个 ng-module 上延迟加载模块
How to import/use lazy load module on another ng-module
我有两个 ng-module
- 仪表板
- 重复订单列表
我已经通过延迟加载加载了 Repeat order。
现在我想在仪表板内使用 Repeat order 作为 html
<app-repeatorderlist></app-repeatorderlist>
如果我这样做,就会抛出一个错误
'app-repeatorderlist' 不是已知元素:
1. 如果 'app-repeatorderlist' 是一个 Angular 组件,则验证它是该模块的一部分。
2.如果'app-repeatorderlist'是一个Web组件然后添加'CUSTOM_ELEMENTS_SCHEMA'到这个组件的'@NgModule.schemas'到
如果我在 app.module 上添加它的引用,那么它会抛出错误
类型 RepeatorderlistComponent 是 2 个模块声明的一部分:AppModule 和 repeatorderModule!请考虑将 RepeatorderlistComponent 移动到导入 AppModule 和 repeatorderModule 的更高模块。您还可以创建一个新的 NgModule,它导出并包含 RepeatorderlistComponent,然后在 AppModule 和 repeatorderModule 中导入该 NgModule。
错误:类型 RepeatorderlistComponent 是 2 个模块声明的一部分:AppModule 和 repeatorderModule!请考虑将 RepeatorderlistComponent 移动到导入 AppModule 和 repeatorderModule 的更高模块。您还可以创建一个新的 NgModule,它导出并包含 RepeatorderlistComponent,然后在 AppModule 和 repeatorderModul
中导入该 NgModule
我可以理解我必须创建一个新模块(更高)但是任何主体如何指导相同的
这是我刚刚制作的一个工作示例,向您展示它是如何设置的。
AppModule
导入 MainModule
(类似于您的 DashboardModule)
。
ReapeatOrder
模块是延迟加载的,可以从 MainModule
导航到
- 两个模块都导入一个共享模块,包含共享组件。
MainModule
和 ReapeatOrder
都在其模板中使用共享组件。
我有两个 ng-module
- 仪表板
- 重复订单列表
我已经通过延迟加载加载了 Repeat order。
现在我想在仪表板内使用 Repeat order 作为 html
<app-repeatorderlist></app-repeatorderlist>
如果我这样做,就会抛出一个错误
'app-repeatorderlist' 不是已知元素: 1. 如果 'app-repeatorderlist' 是一个 Angular 组件,则验证它是该模块的一部分。 2.如果'app-repeatorderlist'是一个Web组件然后添加'CUSTOM_ELEMENTS_SCHEMA'到这个组件的'@NgModule.schemas'到
如果我在 app.module 上添加它的引用,那么它会抛出错误
类型 RepeatorderlistComponent 是 2 个模块声明的一部分:AppModule 和 repeatorderModule!请考虑将 RepeatorderlistComponent 移动到导入 AppModule 和 repeatorderModule 的更高模块。您还可以创建一个新的 NgModule,它导出并包含 RepeatorderlistComponent,然后在 AppModule 和 repeatorderModule 中导入该 NgModule。 错误:类型 RepeatorderlistComponent 是 2 个模块声明的一部分:AppModule 和 repeatorderModule!请考虑将 RepeatorderlistComponent 移动到导入 AppModule 和 repeatorderModule 的更高模块。您还可以创建一个新的 NgModule,它导出并包含 RepeatorderlistComponent,然后在 AppModule 和 repeatorderModul
中导入该 NgModule我可以理解我必须创建一个新模块(更高)但是任何主体如何指导相同的
这是我刚刚制作的一个工作示例,向您展示它是如何设置的。
AppModule
导入MainModule
(类似于您的DashboardModule)
。ReapeatOrder
模块是延迟加载的,可以从MainModule
导航到
- 两个模块都导入一个共享模块,包含共享组件。
MainModule
和ReapeatOrder
都在其模板中使用共享组件。