fxFlex angular flex 布局无法按预期版本 7.0.0-beta.19 工作

Question

待办事项：

• 我想要网格列使用 flex layout:

• 我尝试了 flex layout
  的两个不同版本，并且使用以下版本工作正常： 5.0.0-beta.13
  查看此 stackblitz：https://stackblitz.com/edit/angular-flex-layout-seed-working-flex

  但不适用于版本 7.0.0-beta.19 或 6.x.x
  看这里：https://stackblitz.com/edit/angular-fx-layout-testing

这是我的代码和我尝试过的代码：

<div fxLayout="row wrap" fxLayoutGap="32px" fxLayoutAlign="start start">
  <ng-container *ngFor="let _ of [1,2,3,4,5,6]">
    <p fxFlex="0 1 calc(33.3% - 32px)">Flex</p>
  </ng-container>
</div>

文档未提供 api 内的重大更改。
有人知道这里出了什么问题吗？
或者我应该在 github 上开一个问题吗？

Answer 1

您忘记在 app.module.ts

中导入 FlexLayoutModule

import { FlexLayoutModule } from '@angular/flex-layout';
import { AppComponent } from './app.component';
import { HelloComponent } from './hello.component';

@NgModule({
  imports:      [ BrowserModule, FormsModule, FlexLayoutModule ],
  declarations: [ AppComponent, HelloComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }