滚动 Angular 载荷数据 [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
    }
  }

Here is a running stackblitz.