angular - 如何导入其他模块组件可以识别的一次性全局模块

Question

我正在创建一个分割为不同应用程序的项目。例如，我想使用身份验证应用程序。

首先，让我们定义一次全局模块。作为一个最小的例子，这里有几个列表。

1. FlexLayoutModule
2. CustomUIModule

这些模块必须在项目中声明一次。这是 AppModule

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    // Dependencies
    BrowserModule,
    BrowserAnimationsModule,
    FlexLayoutModule,
    CustomUIModule,

    // Apps
    AuthenticationModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

现在让我向您展示AuthenticationModule。我只有这个模块的登录组件。

@NgModule({
    declarations: [
        LoginComponent,
    ],
    exports: [
        LoginComponent
    ],
})
export class AuthenticationModule { }

我的问题是 LoginComponent 无法识别 FlexLayoutModule 和 CustomUIModule 模块。但是，如果将这些模块放在 AuthenticationModule 的 >import 选项。

但是疯狂的人，我不想在我创建另一个应用程序并做同样的事情时这样做，因为这些模块是全局类型并且 MUST DECLARED ONCE 。任何人都可以解决我如何构建我的应用程序吗？非常感谢。

更具体地说，我遇到了这个错误:

Error: Template parse errors:'mat-[some-material-component]'is not a known element.

Answer 1

根据指南:https://angular.io/guide/sharing-ngmodules

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { FlexLayoutModule} from './new-item.directive';
import { CustomUIModule } from './orders.pipe';

@NgModule({
 imports:      [  FlexLayoutModule,CustomUIModule, FormsModule, CommonModule  ],
 declarations: [ ],
 exports:      [  FlexLayoutModule,CustomUIModule, FormsModule, CommonModule   ]
})
export class SharedModule { }

通过重新导出 FlexLayoutModule、CustomUIModule、FormsModule、CommonModule，导入此 SharedModule 的任何其他模块都可以访问导出的成员。