Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Ng-repeat com div

Tenho uma lista de informações.

Preciso que mostre 4 registros por linha, Tentei de varias formas, mas não consegui. Ele mostra todo os registros em uma linha.

<div flex layout="row" flex="100">
        <div layout="row" flex="25" layout-padding layout-align="center center" ng-repeat="redistribuir in marcarRedistribuir">
        {{redistribuir.numero}}
        </div>
   </div>

3 respostas

Boa tarde!

Se tu estiver usando o bootstrap use a class="col-md-3"

<div  class="col-md-3" layout-padding layout-align="center center" ng-repeat="redistribuir in marcarRedistribuir">
        {{redistribuir.numero}}
</div>
solução!

Foi resolvido assim:

Angular

$scope.marcarRedistribuir = $scope.marcarRedistribuir.reduce((arr, nr, i) => {
                    const groupIndex = Math.floor(i / 4);
                    if (!arr[groupIndex]) 
                        arr.push([]);
                    arr[groupIndex].push(nr);
                    return arr;
                }, [])

HTML

<div flex layout="column" flex="100">
                        <div layout="row" ng-repeat="group in marcarRedistribuir">
                            <div layout="row" flex="25" ng-repeat="redistribuir in group">
                                {{redistribuir.numero}}
                                <md-button class="md-raised" ng-click="excluirRedistribuir(redistribuir.value)">
                                    <md-icon>close</md-icon>
                                </md-button>
                            </div>
                        </div>
                    </div>

Blz Qualquer coisa estamos ai.