How to count through a set of items within the cards layout which uses ngrepeat rows and cols


#1

Please help, I am pretty new with respect to angular as well as ionic.

I am using the cards template which has 3 columns and n number of rows.

The data i require (JSON format), is fetched from a webservice and retrieved through a factory.

Inside the cards layout (this page is a template), the item name has to be displayed. If it was a simple list, I can use the ng-repeat item in items to iterate. But as there are the ng-repeat cols and rows required to generate the cards, I am getting confused with the iteration of the JSON objects.

How can i count through the items to display individual items?

Template Code:

<div class="row" ng-repeat="item in items.slice(0, 3)">
    <div class="col"  ng-repeat="item in items.slice(0, 3)">
        <div class="card">
            <div class="item item-divider">
                Header
            </div>
            <div class="item item-text-wrap" >
                Name{{items[i].serviceName}}
            </div>
            <div class="item item-divider">
                Footer
            </div>
        </div><!--End of class="card" div -->

    </div> <!--End of class="col" div -->
</div><!--End of class="row" div -->    

#2

Take a look at ng-repeat-start and ng-repeat-end. http://docs.angularjs.org/api/ng/directive/ngRepeat