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 聲明中：這是一個很容易被忽視並且可能令人沮喪的模塊。