ionic 下拉刷新时触发上拉加载事件的解决办法

来源:互联网 发布:图知天下 编辑:程序博客网 时间:2024/05/16 12:43

不知为何我的项目使用 ion-refresher 和 ion-infinite-scroll的时候,出现了每次下拉刷新的时候,都会多次触发上拉加载控件的事件

研究小半天最后终于找到了解决办法:

如果ion-infinite-scroll 的 immediate-check 属性没有设置 ,那么改为immediate-check=”false”

如果ion-infinite-scroll 的 immediate-check 属性值为 false ,那么将list-item的ng-repeat循环改为collection-repeat,因为ng-repeat因为未知原因在下拉的时候会触发ion-infinite-scroll的滚动条距离底部不足1%这个条件,而collection-repeat则不会

还有一个原因就是在下拉刷新的代码里写了$scope.$broadcast(‘scroll.infiniteScrollComplete’);
反过来在上拉加载里写了$scope.$broadcast(‘scroll.refreshComplete’);也会引起上拉加载触发下拉刷新

我是这样解决的,仅供参考

1 0
原创粉丝点击