1

我在弄清楚如何将导入的模块中的组件传递到我的 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 是依赖 Angular 模块项目，它们使用 ng-packagr 打包并导入到我的应用程序中。

谢谢你。

4

2 回答 2

1

您需要创建一个SharedModule并BreadcrumbComponent在其中声明。同时导出组件，以便我可以在其他模块中使用。

将 SharedModule 导入您想在应用程序中使用 BreadcrumbComponent 的任何位置

于 2018-09-26T09:47:34.500 回答
1

如果你想做的是传递一个组件，比如说BreadcrumbComponent从LayoutModuleto the调用DispoModule，并且可以在该模块中使用它。

然后写 

exports: [
    BreadcrumbComponent
]

在你的LayoutModule

LayoutModule并导入DispoModule

于 2018-09-26T09:49:03.280 回答