我的模块没有看到来自app.module的组件

Question

我有自己的模块（ FrameworkModule ），该模块在app.module import中app.module

这是我的模块：

@NgModule({
  imports: [
    CommonModule
  ],
  declarations: [
    CheckFieldComponent,
  ],
  exports: [
    CheckFieldComponent,
  ],
})
export class FrameworkModule { }

如果我使用app.module任何组件，而FrameworkModule组件则看不到。 App.module当然包括我的FrameworkModule 。

例如：在组件xyz （在我的FrameworkModule定义）中，我正在使用zyx组件（在app.module定义）-那么xyz没有看到zyx组件。

错误：

无法绑定到“ xyz”，因为它不是“ zyx”的已知属性。

Answer 1

这是设计使然。 如果要使用模块中的组件，则必须导入该模块。 您的FeatureModule不（也不能）导入AppModule，因此您不能使用AppModule中定义的组件。

常见的解决方法是创建可以导入到AppModule和FeatureModule中的第三个模块。

例：

 AppModule
   imports: ChildModule1

 ChildModule1
   imports: -

 => AppModule can use components from ChildModule1 (and AppModule)
 => ChildModule1 can use only components from ChildModule1

 =====

 AppModule
   imports: ChildModule1

 ChildModule1
   imports: AppModule

 => Not possible, circular dependency

 =====

 AppModule
   imports: ChildModule1, SharedModule1

 ChildModule1
   imports: SharedModule1

 SharedModule1
   imports: -

 => AppModule can use components from ChildModule1 and SharedModule1 (and AppModule)
 => ChildModule1 can use only components from SharedModule1 (and ChildModule1)

Answer 2

在任何不只是问候世界的角度应用程序中，最好避免在app模块中声明组件。

Christoph的建议是最好的方法，使自己成为一个共享模块，可以在其中声明所有组件。 看起来可能需要完成很多工作，但并没有那么多，而仅仅是角度工作。 AppModule是根目录，它包含其他所有内容，您无法将其导入任何地方，否则最终将产生循环依赖关系。

我正在构建一个大型应用程序，而应用程序模块本身仅声明了应用程序组件，没有其他组件。

祝好运！