滚动上的角度加载数据[For Loop]

Question

我正在显示与搜索字词相关的数据。该数据一次显示所有结果。

我想要做的是一次显示6个数据，然后在滚动中加载剩余数据。

<li *ngFor="let category of categories">
  {{ category.name }}
</li>

如何在滚动时显示数据？

Answer 1

当滚动到达页面底部时，您可以收听window:scroll个事件并加载数据：

  @HostListener("window:scroll", [])
  onScroll(): void {
    if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
      // Load Your Data Here
    }
  }

Here is a running stackblitz.