从 Angular 中的子模块导入组件

Question

所以我有我的 AppModule，模块 A，模块 B，这是 A 的子模块和 B 中声明的组件 X。

我的目标是让 X 在应用范围内可用（也可以在页面等组件中使用）。

据我了解，B 在声明和导出中需要 X，A 在导入和导出中需要 B，而 AppModule 在导入中需要 A。但是 X 分量是未知的。我错过了什么？

谢谢

Answer 1

我认为您正在寻找SharedModule。

https://angular.io/guide/ngmodule-faq#sharedmodule

共享模块

使用您在应用程序中随处使用的组件、指令和管道创建一个SharedModule。这个NgModule 应该完全由声明组成，其中大部分是导出的。

SharedModule 可以使用您最广泛使用的 UI 控件重新导出其他小部件模块，例如 CommonModule、FormsModule 和 NgModules。

...

import { NgModule } from '@angular/core';
import { XComponent } from './XComponent';

@NgModule({
  declarations: [XComponent],
  exports: [XComponent]
})
export class ModuleX { }

---

@NgModule({
...
  imports: [
    ModuleX
  ]
...
})
export class AppModule { ... }