fxFlex角形Flex布局无法按预期的版本7.0.0-beta.19工作

Question

Todo：

• 我想使用flex layout来创建网格列：

• 我尝试了flex layout的两个不同版本，
  使用该版本可以正常工作： 5.0.0-beta.13
  查看此堆叠闪电战：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 { }