Tô trabalhando em projeto com Ionic para desenvolver uma app mobile híbrida e precisei exibir uma lista de imagens colocando 4 imagens por linhas...
Segue abaixo o código:
<div ng-repeat="myObject in myList">
<div class="row" ng-if="$index % 4 === 0">
<div class="col col-25" ng-repeat="obj in [myList[$index], myList[$index + 1], myList[$index + 2], myList[$index + 3]]">
<img ng-src="{{obj.imgSrc}}" style="width: 100%;" />
</div>
</div>
</div>Para fazer isso me baseei nesse exemplo:
<div ng-repeat="number in numbers">
<div class="row" ng-if="$even">
<div class="col col-50" ng-repeat="num in [numbers[$index],numbers[$index + 1]]">
{{num}}
</div>
</div>
</div>Fonte: http://stackoverflow.com/questions/26688086/create-row-every-after-2-item-in-angular-ng-repeat-ionic-grid
Abraço!
Adriano Schmidt
