Angular:无法使用不同模块中组件中App模块中导入的模块

Question

我已经安装了flex-layout https://github.com/angular/flex-layout/版本^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声明：这是一个很容易忽略的，可能令人沮丧的。