What about mixing "collection-repeat" and "ion-infinite-scroll?

ionic-v1
2

It works, but in beta 4 there appears to be a bug with the loading spinner displaying at the bottom of the list properly. I’m checking the forums quick to see if anyone else has had this issue and should open a ticket soon.

Otherwise it’s working great with this format:

 <ion-content class="has-header">
<ion-list>
  <ion-item ng-click="open(post.url)"
            class="item"
            collection-repeat="post in posts"
            collection-item-width="'100%'"
            collection-item-height="70"
            style="width:100%">
    <h2>{{post.title}}</h2>
  </ion-item>
</ion-list>
<ion-infinite-scroll
    icon="ion-loading-c"
    on-infinite="loadMoreData()">
</ion-infinite-scroll>