关于 ionic 的 ion-infinite-scroll,请大神指教

2018-04-24 17:44:31 +08:00
 gzf6

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);
}

出现的问题: 当初次进入该页面时,在单个标签中数据加载正常,但是若在单个标签中将所有数据刷新加载完的话,再进入另一个标签,就不能加载了。我将 infinite.enable(false);注释掉后,会一直刷新,但是不加载数据。请各位大佬指教。

1602 次点击
所在节点    程序员
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/449508

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX