如何在另一个ng-module

Question

我有两个ng-module

1. Dash Board
2. 重复订单列表

我通过延迟加载加载了重复顺序。

现在我想在仪表板中使用重复顺序作为html

<app-repeatorderlist></app-repeatorderlist>

如果我这样做会给我一个错误

＆＃39; APP-repeatorderlist＆＃39;不是一个已知的元素： 1.如果＆app-repeatorderlist＆＃39;是一个Angular组件，然后验证它是否是此模块的一部分。 2.如果＆＃39; app-repeatorderlist＆＃39;是一个Web组件，然后添加＆＃39; CUSTOM_ELEMENTS_SCHEMA＆＃39;到了＆＃39; @ NgModule.schemas＆＃39;该组件

如果我在app.module上添加它的引用，那么它就会抛出错误

Type RepeatorderlistComponent是2个模块声明的一部分：AppModule和repeatorderModule！请考虑将RepeatorderlistComponent移动到导入AppModule和repeatorderModule的更高模块。您还可以创建一个新的NgModule，它导出并包含RepeatorderlistComponent，然后在AppModule和repeatorderModule中导入该NgModule。 错误：类型RepeatorderlistComponent是2个模块的声明的一部分：AppModule和repeatorderModule！请考虑将RepeatorderlistComponent移动到导入AppModule和repeatorderModule的更高模块。您还可以创建一个新的NgModule，它导出并包含RepeatorderlistComponent，然后在AppModule和repeatorderModul中导入NgModule

我可以理解我必须创建一个新模块（更高），但是如何在同一个

上指导任何身体

Answer 1

这是一个工作示例，我刚刚向您展示了它是如何设置的。

• https://github.com/Tenmak/component-communication/tree/shared-component

1. AppModule会导入MainModule（类似于您的DashboardModule)。
2. ReapeatOrder模块是延迟加载的，可以从MainModule
导航到
3. 两个模块都导入共享模块，共享组件。
4. MainModule和ReapeatOrder都使用模板中的共享组件。