Ionic 2:如果列表没有数据，则调用doInfinite()

Question

>当列表中没有任何项目并且如果我滚动内容时，正在调用doInfinite((。

我只在IOS上遇到这个问题。

这是相关代码。

.ts 文件具有：

doInfinite(infinite){
    setTimeout( ()=> {
      infinite.complete();
    }, 2000);
  }

模板文件具有：

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

问题：当我滚动内容区域时，正在调用doInfinte((方法。

P.S. 屏幕上没有任何项目。

有人对此有解决方法吗？

Answer 1

如果我理解您的问题，您希望在没有任何数据时禁用无限滚动。

查看文档

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

您可以根据组件中是否有可用的数据将isEnabled设置为 true 或 false。

第二种选择是使用enable()功能。

使用 ViewChild 获取组件中的InfiniteScroll引用：

 @ViewChild('infiniteScroll')infiniteScroll:InfiniteScroll;

并致电

this.inifiniteScroll.enable(false);

需要时。