PhoneGap中文网

标题: ionic上拉加载数据 [打印本页]

作者: yangye0817 时间: 2016-3-2 12:20
标题: ionic上拉加载数据
<ion-infinite-scroll ng-if="hasmore" on-infinite="loadMore()" distance="5%"></ion-infinite-scroll>
用ngif可以停止本次加载。
但是再次上拉就不能加载了怎么办？

作者: admin 时间: 2016-3-2 16:20
<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 时间: 2016-3-2 18:55

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

管理厉害

作者: yangye0817 时间: 2016-3-6 10:00

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

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

作者: ionicwang 时间: 2016-3-6 11:29
这个时候正常的操作是下拉更新数据
而不是上拉更新

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)