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 声明中： 这是一个很容易被忽视的地方，而且可能会令人沮丧。