infinite scroll fails to stop firing on-infinite-scroll event when no more content is generated

[shuai-zh]

I wanted to use the latest ionic infinite scroll feature in my app after looking at the sample codes here:http://codepen.io/elm/pen/Becqp

However, after I actually put them into my app, it doesn't work well when no new data is returning from the server and no more new content is generated. I simulated the problem here:http://codepen.io/chocstarfish/pen/hBysf, as you can keep scolling until the number reaches 19, open your dev console to see that the loadMore function is kept being called.

What's more, I don't know why the spinning icon which used to show up when the on-infinite-scroll event is triggered seems to be lost.

[deflomu]

I think there should be a "scroll.infiniteScrollNoMoreDataAvailable" broadcast or something similar. When this is fired the infinite scroll element should behave like the pull-to-refresh element to allow the user to manually look for more data by pulling up the list.

[ajoslin]

Just put an ng-if on your ion-infinite-scroll.

<ion-content on-infinite-scroll="loadMore()">
  <ion-infinite-scroll ng-if="hasMoreData"></ion-infinite-scroll>
</ion-content>

[shuai-zh]

@ajoslin Thanks buddy, it really works for me.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.