ionic上拉加载更多:ion-infinite-scroll使用

<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');//广播加载成功
这样就可以了,再次加载就触发了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值