quinta-feira, 3 de dezembro de 2015

Lista de imagens em Ionic

Faaala galera,

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