无法检测 Angular 中的页面滚动

Question

我在检测 Angular 中的窗口滚动时遇到了一些问题：

    @HostListener("window:scroll", [])
  onWindowScroll() {
   
    console.log("ciao");
  }

我哪里错了？

Answer 1

改用这个

 @HostListener('window:scroll', ['$event']) // for window scroll events
    onScroll(event) {
      ...
    }

或针对特定的 div

 <div (scroll)="onScroll($event)"></div>

Answer 2

试试这个实现

 @HostListener('window:scroll', [])
  onScroll(): void {
    if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
      this.fetchMore()
    }
  }