fxFlex угловой гибкий макет не работает должным образом версия 7.0.0-бета.19

Question

Todo:

• Я хочу использовать сетку colum, используя 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.xx
  Смотрите здесь: 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

Вы забыли импортировать FlexLayoutModule в app.module.ts

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 { }