关于 ionic 的 ion-infinite-scroll和doInfinite(infinite)的问题?
ionic 小白一枚,请大神指教。 ionic 做一个手机 app 的页面,获取订单的列表,有四个标签,分别显示出不同状态的订单,每次进入一个标签就将订单列表清空,重新获取对应订单。 getTicketOrder()函数每次返回 一页( page=1 ),每一页的数据为 20 个订单( pageSize= 20 ); 剩余数据使用 ion-infinite-scroll 滑动获取。
关于 ion-infinite-scroll 的代码如下:
html 代码如下:
<ion-infinite-scroll (ionInfinite)="doInfinite($event)" threshold="10%" immediate-check="false">
<ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading...">
</ion-infinite-scroll-content>
</ion-infinite-scroll>
ts 代码如下:
doInfinite(infinite) {
setTimeout(()=>{
if (this.isAll == true){ // 判断是否所有数据加载完成
infinite.enable(false);
return ;
}
this.page++ ;
this.getTicketOrder();
infinite.complete();
},1000);
}
changeOption(status:any){ // 切换标签的函数
if (this.type == status){
return ;
}
this.type = status ;
this.page =1 ;
this.orderList = [] ;
this.isAll = false;
this.getTicketOrder();
}
出现的问题: 当初次进入该页面时,在单个标签中数据加载正常,但是若在单个标签中将所有数据刷新加载完的话,再进入另一个标签,就不能加载了。
我将 infinite.enable(false);注释掉后,会一直刷新,但还是不加载数据。请各位大佬指教。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论