angular - Angular：无法使用在来自不同模块的组件中的应用程序模块中导入的模块

Question

我已经安装了 flex-layout https://github.com/angular/flex-layout/ version ^2.0.0-beta.9。

在我的应用程序中，我导入并添加FlexLayoutModule到imports数组中app.module.ts

import { FlexLayoutModule } from '@angular/flex-layout';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    LayoutModule,
    BrowserModule,
    FormsModule,
    HttpModule,
    SharedModule,
    FlexLayoutModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

当我尝试fxLayout在另一个模块的组件模板中使用该指令时，它没有任何效果。

但是，当我将其添加FlexLayoutModule到定义组件的“其他”模块时，它工作正常。

我错过了什么？

Answer 1

将您的新模块添加到 ngModule 声明中：这是一个很容易被忽略且令人沮丧的模块。