I am using beta14, I have following code in my view for pagination:
<ion-infinite-scroll icon="ion-ios7-reload" ng-if="!noMoreItemsAvailable && $root.isServerReachable" on-infinite="infiniteLoad();" distance="10%"></ion-infinite-scroll>
But the ion-ios7-reload icon only shows when I use ng-repeat, not collection-repeat.
Any idea?
have you tried doing icon="ion-ios-reload"
instead of icon="ion-ios7-reload"
I am still using the old icon fonts, its a old bug
Hey, I also ran into this problem, with the spinner not showing at the bottom of a collection-repeat list.
Here’s the code that I’m using, wrapped in an ion-content:
<div class="list">
<div class="item"
collection-repeat="app in apps track by app.appId"
collection-item-width="'100%'"
collection-item-height="114"
ng-style="{height:'114px'}">
<app-directive app="app"></app-directive>
</div>
</div>
<ion-infinite-scroll
ng-if="total > apps.length"
icon="io…
opened 12:12AM - 10 Oct 14 UTC
closed 05:02PM - 02 Mar 15 UTC
Using `ng-repeat` (loading icon appears): http://codepen.io/anon/pen/CBtEg
Using… `collection-repeat` (doesn't appear): http://codepen.io/matiastucci/pen/wkECs
Probably because of this?:
"You should not use the ng-show and ng-hide directives on your ion-content/ion-scroll elements that have a collection-repeat inside. ng-show and ng-hide apply the display: none css rule to the content's style, causing the scrollView to read the width and height of the content as 0. Resultingly, collection-repeat will render elements that have just been un-hidden incorrectly."
I know this is something small, but if you can fix it: great!
Thanks!
After beta 14 loading icon is not displaying even i am using ng-repeat, what i found is there is a class icon-refreshing being used on ionInfiniteScroll for icon, if I changed this class to ion-refreshing icon appears.
Is this a known issue ?
Do you have a codepen showing this?
It seems I was doing something wrong with it as it starts appearing now.