Угловая передача компонента из модуля в другой модуль в модуле приложения

Question

У меня проблема с выяснением того, как я могу передать компонент из модуля, который я импортирую, в свое приложение Angular и использовать его внутри другого модуля, который я также импортирую в свое приложение.

Обратите внимание, что все эти два модуляэто модули, которые я создал.

Это мой app.module.ts:

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    PnDashboardComponent,
    PnFormulaireComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    LayoutModule.forRoot(environment.layout),
    DispoModule.forRoot(environment.dispoAides)
  ],
  providers: [
    ErrorsHandler,
    InitialisationService,
    InitializationGuard
  ],
  bootstrap: [AppComponent]
})

Что я хочу сделать, это передать компонент, скажем, с именем BreadcrumbComponent из LayoutModule вDispoModule и возможность использовать его внутри этого модуля.

Обратите внимание, что LayoutModule и DispoModule - это зависимый проект углового модуля, который упакован с помощью ng-packagr и импортирован в мое приложение.

Спасибо.

Answer 1

Если вы хотите сделать, это передать компонент, скажем, BreadcrumbComponent из LayoutModule в DispoModule и иметь возможность использовать его внутри этого модуля.

, затем написать

exports: [
    BreadcrumbComponent
]

в вашем LayoutModule

и импорт LayoutModule в DispoModule

Answer 2

Вам необходимо создать SharedModule и объявить в нем BreadcrumbComponent.Также экспортируйте компонент, чтобы его можно было использовать в других модулях.

Импортируйте SharedModule везде, где вы хотите использовать BreadcrumbComponent в приложении