アングル材のレイアウトは、4列ごとに行を追加します

Question

4列ごとにアングル材レイアウト/フレックスを使用して新しい行を追加できますか？

これらの固定幅のアルバムを表示し、4つのアルバムのみを連続して表示する必要があります。

これは、使用して、我々が使用したコードだったブートストラップ

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