如何在另一個ng-module上導入/使用延遲加載模塊

Question

我有兩個ng模塊

1. 儀表板
2. 重復訂單清單

我通過延遲加載加載了重復順序。

現在我想在儀表板中使用重復順序作為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

我可以理解我必須創建一個新的模塊（更高），但任何身體如何指導相同

Answer 1

這是一個工作示例，我剛剛向您展示了它是如何設置的。

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

---

1. AppModule導入MainModule （類似於您的DashboardModule) 。
2. ReapeatOrder模塊是延遲加載的，可以從MainModule導航到
3. 兩個模塊都使用共享組件導入共享模塊。
4. MainModule和ReapeatOrder使用其模板中的共享組件。