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

Question

我已安装了flex-layout https://github.com/angular/flex-layout/ 版本 ^2.0.0-beta.9.

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

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添加到定义组件的“其他”模块中时，它可以正常工作。

我错过了什么吗？

- AngularDebutant

---

你需要将 FlexLayoutModule 添加到共享模块中。 - Rahul Singh

你应该在app.module中导出FlexLayoutModule，以便在其他模块中使用它。 - mxr7350

是的，那个方法有效，谢谢。但是为什么文档没有说明呢？这是否意味着由app模块导入的那些模块不会自动传递给其他模块？ - AngularDebutant

嗨，我有同样的问题，但我不知道你是如何解决的？你能给出代码吗？你是如何导出模块的？ - Peyman Kheiri

Answer 1

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

- user3232196