Question

是否可以使用Angular Material Layout / Flex？

在每第四列之后添加一个新行

我们必须展示这些固定宽度的专辑，并且连续只显示4张专辑。

这是我们使用bootstrap

时使用的代码

  <div ng-repeat="item in items ng-if="$index % 4 == 0" class="row">
    <div class="col-xs-4">{{ items[$index].id }} </div>
    <div class="col-xs-4">{{ items[$index + 1].id }}</div>
    <div class="col-xs-4">{{ items[$index + 2].id }}</div>
    <div class="col-xs-4">{{ items[$index + 3].id }}</div>
  </div>

我们如何使用棱角材料来做到这一点？

Answer 1

对于弹性布局，请检查此链接：https://tburleson-layouts-demos.firebaseapp.com/#/docs

您可以尝试以下此脚本

<div ng-repeat="item in items ng-if="$index % 4 == 0" fxLayout="row" fxFlex>
    <div>{{ items[$index].id }} </div>
    <div>{{ items[$index + 1].id }}</div>
    <div>{{ items[$index + 2].id }}</div>
    <div>{{ items[$index + 3].id }}</div>       
</div>

角度材质布局在每第4列后添加行

1 个答案: