ionic上拉加载数据

yangye0817

<ion-infinite-scroll ng-if="hasmore" on-infinite="loadMore()" distance="5%"></ion-infinite-scroll>
用ngif可以停止本次加载。
但是再次上拉就不能加载了怎么办？

admin

<ion-infinite-scroll icon="ion-load-d"  on-infinite="loadMore()" distance="1%" ng-if="moreDataCanBeLoaded()"></ion-infinite-scroll>


moreDataCanBeLoaded()这个方法是判断有没有数据了，有的话就可以继续上拉，没有的话那肯定不让上拉了。


还有数据请求并且绑定到页面上面以后在调用$scope.$broadcast('scroll.infiniteScrollComplete');

才会触发第二次请求

如果你不写上面的$scope.$broadcast('scroll.infiniteScrollComplete')，那么是不会触发第二次请求的






用ngif可以停止本次加载。
但是再次上拉就不能加载了怎么办？

不知道你想要实现的是什么效果，正常都是上面说的

ionicwang

admin 发表于 2016-3-2 16:20
moreDataCanBeLoaded()这个方法是判断有没有数据了，有的话就可以继续上拉，没有的话那肯定不让上拉了。 ...

管理厉害

yangye0817

admin 发表于 2016-3-2 16:20
moreDataCanBeLoaded()这个方法是判断有没有数据了，有的话就可以继续上拉，没有的话那肯定不让上拉了。 ...

比如，评论这些功能的话。他会实时更新的，这次可能没有数据了。但是过一会有人回复了，就又有数据了。
这个时候上拉刷新就不好使了。因为ng-if已经把那个指令删掉了

ionicwang

这个时候正常的操作是下拉更新数据
而不是上拉更新