angular - 无法识别子模块 Angular 2 中的 Material 导入

Question

我有app.module.ts如何导入自定义material.ts模块，并且我无法在模块根中声明的组件中使用 Material 。但是当我创建一个子模块(ClientModule)并在此处声明一个组件时， Material 无法被识别。

@NgModule({
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    LayoutModule,
    MaterialModule,
    ReactiveFormsModule,
    HttpModule,
    ClientModule
  ],
  declarations: [
    AppComponent,
    NavigatorComponent,
    LoginComponent,
  ],
  providers: [AuthService],
  bootstrap: [AppComponent]
})
export class AppModule { }

ClientRegistrationComponent 不适用于 Angular Material ，我也应该导入 Material 模块吗？

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ClientRegistrationComponent } from './client-registration/client-registration.component';

@NgModule({
  imports: [
    CommonModule
  ],
  declarations: [ClientRegistrationComponent]
})
export class ClientModule { }

Answer 1

要在您的应用程序中使用 MaterialModule，我建议您创建一个 SharedModule 并在所有模块中导入 SharedModule。

如果您不需要 SharedModule，在上述情况下您需要导入