在另一个模块中使用在应用模块中声明的组件

Question

我有一个通知弹出声明在应用程序模块。这个通知弹出是自定义的，所以它有标记为@Inputs的自定义字段。我希望能够在另一个需要通知弹出功能的组件中使用该组件。

@NgModule({
declarations: [],
imports: [
CommonModule,
TranslateModule.forChild(),
]
})
export class PopupNotificationModule { }

@NgModule({
declarations: [
AppComponent,
PopupNotificationComponent 
],
imports: [
PopupNotificationModule
],
})
export class AppModule 

@NgModule({
declarations: [
CarListComponent,
],
imports: [
],
})
export class CarModule { }

我尝试导入和导出，但没有成功。

Answer 1

首先你必须添加PopupNotificationComponent在声明和出口部分PopupNotificationModule这样的

@NgModule({
declarations: [PopupNotificationComponent],
imports: [
CommonModule,
TranslateModule.forChild(),
],
exports: [PopupNotificationComponent],
})
export class PopupNotificationModule { }

则必须导入PopupNotificationModule在app模块像这样导入section

@NgModule({
declarations: [
AppComponent
],
imports: [
PopupNotificationModule,
CarModule 
],

})

export class AppModule

现在你已经导入了PopupNotificationModule在另一个模块中，你想使用PopupNotificationComponent

在你的例子中是CarModule

@NgModule({
declarations: [
CarListComponent,
],
imports: [
PopupNotificationModule 
],
})
export class CarModule { }

现在你可以使用PopupNotificationComponentCarModule中的选择器组件。

我希望这对你有用

Answer 2

创建一个单独的文件夹，其中包含通知弹出组件和模块文件。

@NgModule({
declarations: [PopupNotificationComponent],
imports: [
CommonModule,
TranslateModule.forChild(),
]
})
export class PopupNotificationModule { }

在PopupNotificationModule中声明PopupNotificationComponent，当你想在其他模块中使用时，只需导入PopupNotificationModule，就可以了。