ionic 4 - 加载微调器在无限滚动中不起作用

Question

即使在我将 loadingSpinner 行添加到代码中之后，加载微调器也没有显示在无限滚动的底部

<ion-infinite-scroll (ionInfinite)="getProducts($event)">
  <ion-infinite-scroll-content loadingSpinner="bubbles"></ion-infinite-scroll-content>
</ion-infinite-scroll>

Answer 1

我还没有检查你的代码，但我确定这是因为在 Ionic4 中发出的事件类型发生了变化。在 Ionic v3 中，我们发出合成的 Angular 事件，但在 V4 中，我们发出了 HTML 事件，这意味着您需要从 event 访问 complete 方法target。现在处理这个问题的正确方法是$event.target.methodName()

解决方案 -

 doInfinite(infiniteScroll) {

    setTimeout(() => {
      for (let i = 0; i < 30; i++) {
        this.items.push(this.items.length);
      }

      infiniteScroll.target.complete(); // this is how you need to call in v4
    }, 500);
  }

这是stackblitz上的解决方案

希望这会有所帮助！