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

使用您在应用中的任何位置使用的组件，指令和管道创建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 { ... }

从Angular中的子模块导入组件

1 个答案: