fxLayoutWrap not working
flex-layout 6.0.0-beta.16
, since fxLayoutWrap directive has been deprecated in this version
<div fxLayout="column" fxLayoutAlign=" none">
<div fxFlex="100" fxLayout="row wrap" fxLayoutAlign="space-around stretch" fxLayout.xs="column">
<div *ngFor="let item of items | async" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="33" fxFlex.lg="33" fxFlex.xl="33">
{{item}}
</div>
</div>
</div>
https://github.com/angular/flex-layout/blob/cb0beab46507aa50c513aca8bb6ef632c397035c/CHANGELOG.md#breaking-changes
fxLayoutWrap has been removed. You can use fxLayout options.
<div fxLayout="row wrap"> ... </div>
fxLayoutWrap: * [fxLayoutWrap] was deprecated in earlier betas. fxLayoutWrap has now been removed. Developers should use fxLayout options.
Before
<div fxLayout="row" fxLayoutWrap="wrap"> ... </div>
current
<div fxLayout="row wrap"> ... </div>