无法在滚动事件侦听器Angular 4中执行组件的功能

Question

我试图在滚动侦听器中执行一个函数。以下是我的滚动侦听器代码

 @HostListener("window:scroll", [])
  onWindowScroll() {
    this.updatePageNumber();
  }

以下是我试图在onWindowScroll函数内部调用的函数

updatePageNumber() {
    this.pageNumber = this.canvasHandler.getPageNumber($(window).scrollTop());
  }

，但是在加载页面时，页面只是卡住了，选项卡变得没有响应。我也尝试过使用jquery进行相同的操作，但是行为相同，即应用程序停止响应。