解决ionic 上拉加载组件 ion-infinite-scroll自动调用多次的问题或禁止第一次加载

ionic 中一个上拉刷新的组件 ion-infinite-scroll,如果页面未填充满页面高度,会自动检测并无限调用多次加载更多的函数;

当然,主要会导致首次调用的时候,会执行几次加载更多的函数;

解决方案:

 在ion-infinite-scroll标签中,设置immediate-check="false";这个属性设置了:

是否在页面加载后立刻触发on-infinite的方法,设为false后,则只有滚动到页面边缘时才会触发,即使页面加载出来已经到最底部,不滚动一下的话也是不会触发的

<ion-infinite-scroll
  on-infinite="loadMore()"
  immediate-check="false"
  distance="1%"
  ng-if="noMore">
</ion-infinite-scroll>

.

原文地址:https://www.cnblogs.com/crazycode2/p/9106956.html