V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
gzf6
V2EX  ›  程序员

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

  •  
  •   gzf6 · 2018-04-24 17:44:31 +08:00 · 1599 次点击
    这是一个创建于 2185 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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);注释掉后,会一直刷新,但是不加载数据。请各位大佬指教。

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5459 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 57ms · UTC 05:54 · PVG 13:54 · LAX 22:54 · JFK 01:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.