fxFlex 角度弹性布局无法按预期版本 7.0.0-beta.19 工作

Question

待办事项：

• 我想要使用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 { }