javascript - FlexLayoutModule 在其他模块中不起作用

Question

我已经在所有模块中导入了 FlexLayoutModule，但仍然无法在仪表板组件中工作。

仪表板.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { DashboardRoutingModule } from './dashboard-routing.module';
import { FlexLayoutModule } from '@angular/flex-layout';

@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    DashboardRoutingModule,
    FlexLayoutModule
  ]
})
export class DashboardModule { }

仪表板.component.html

<div class="main-container" fxLayout="row" fxLayoutAlign="center center">
    <div class="container">
        <p>Dashboard Component</p>
    </div>
</div>

标签： javascriptangularflexboxangular-flex-layout