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