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