html - 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 事件，这意味着您需要从事件 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);
  }

Here is solution on stackblitz

希望这会有所帮助!