12

我有这些代码块

<div fxLayout="row" fxLayoutGap="1em" fxLayout.lt-md="column" fxLayoutWrap>
    <div *ngFor="let post of posts; let i=index" >
         <div *ngIf = "i%3===0" fxFlex="90%" fxFlex.lt-md="100%">
             <!--Some code-->
         </div>
         <div *ngIf = "!(i%3===0)" fxFlex="40%" fxFlex.lt-md="100%">
             <!--Some other code-->
         </div>
    </div>
</div>

我希望这些东西在我使用时位于同一行fxFlex="40%"但是,它们出现在不同的行上

4

3 回答 3

32

https://github.com/angular/flex-layout/blob/cb0beab46507aa50c513aca8bb6ef632c397035c/CHANGELOG.md#break-changes

fxLayoutWrap 已被移除。您可以使用 fxLayout 选项。

<div  fxLayout="row wrap"> ... </div>
于 2018-03-13T10:50:38.290 回答
1

flex-layout 6.0.0-beta.16, 因为fxLayoutWrap指令在这个版本中已被弃用

<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>
于 2018-06-20T18:04:46.243 回答
0

fxLayoutWrap:* [fxLayoutWrap] 在早期的测试版中已弃用。fxLayoutWrap 现在已被删除。开发人员应该使用 fxLayout 选项。

<div  fxLayout="row" fxLayoutWrap="wrap"> ... </div>

当前的

<div  fxLayout="row wrap"> ... </div>
于 2021-02-18T05:24:42.210 回答