滚动 [For 循环] 上的角载荷数据

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
    }
  }

这是一个正在运行的 stackblitz。