<ion-infinite-scroll
ng-if="loadMore"
icon="ion-loading-c"
on-infinite="loadMoreData()"
immediate-check="false">
</ion-infinite-scroll>
属性 | 类型 | 详情 |
---|---|---|
on-infinite | 表达式 | 当滚动到底部时触发的时间。 |
distance (可选) | 字符串 | 从底部滚动到触发on-infinite表达式的距离。默认: 1%。 |
icon (可选) | 字符串 | 当加载时显示的图标。默认: 'ion-loading-d'。 |
immediate-check (可选) | 布尔值 | 是否在页面加载后立刻触发on-infinite的方法,设为false后,则只有滚动到页面边缘时才会触发,即使页面加载出来已经到最底部,不滚动一下的话也是不会触发的 |
常见问题:
1、页面一进入就加载:
设置immediate-check为false即可。
2、滑动只加载一次:
加载完数据,要进行一次广播:$scope.$broadcast('scroll.infiniteScrollComplete');//广播加载成功
这样就可以了,再次加载就触发了