上拉加载

<ion-infinite-scroll (ionInfinite)="doInfinite($event)" threshold="100px">
  <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data..."></ion-infinite-scroll-content>
</ion-infinite-scroll>

事件: ionInfinite

1)ion-infinite-scroll 的属性:
threshold 距离底部的距离
enable 是否何用
position:button 显示的位置 可选 top
2)ion-infinite-scroll-content 的属性:
loadingSpinner 配置上拉加载更多的图标
loadingText 上拉加载显示的文字

 

infiniteScroll.complete();每次请求完执行

infiniteScroll.enable(false); 全部数据请求完执行(没有数据的时候隐藏)

 




 

posted @ 2018-07-19 22:01  雨夜稻草  阅读(145)  评论(0编辑  收藏  举报