Angularngx无限滚动未检测到窗口滚动
创始人
2024-10-28 18:31:29
0

在组件中,设置一个事件监听器来监听窗口的滚动事件,然后将其传递给ngx infinite scroll指令。示例代码如下:

import { Directive, EventEmitter, Output, HostListener } from '@angular/core';
 
@Directive({
  selector: '[customInfiniteScroll]'
})
export class CustomInfiniteScrollDirective {
  @Output() public onInfiniteScroll = new EventEmitter();

  @HostListener("window:scroll", [])
  public onWindowScroll(): void {
    if((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
      this.onInfiniteScroll.emit();
    }
  }
}

然后在组件的模板中,使用这个指令并将事件绑定到组件中的处理程序。示例代码如下:

这里的myInfiniteScrollHandler()是一个在组件中定义的处理程序,它会在滚动到页面底部时被触发。你可以在这个处理程序中调用ngx infinite scroll指令的scrollCallback()方法,以正确地实现无限滚动。

相关内容

热门资讯

透视科技!wepoker有透视... 透视科技!wepoker有透视底牌吗,wepoker手机版透视脚本(详细私人局透视)1、在wepok...
透视了解!aapoker辅助怎... 透视了解!aapoker辅助怎么用(透视)aapoker怎么设置提高好牌几率,wpk教程(有挂介绍)...
透视智能ai!wepoker辅... 透视智能ai!wepoker辅助器怎么弄,htx矩阵wepoker辅助(详细手机版辅助)1、任何we...
透视系统!aapoker怎么控... 透视系统!aapoker怎么控制牌(透视)aapoker怎么控制牌,第三方教程(有挂黑科技);aap...
透视能赢!wepoker辅助器... 透视能赢!wepoker辅助器最新版本更新内容,wepoker安装教程(详细辅助软件价格)1、完成w...
透视教程!aapoker怎么控... 透视教程!aapoker怎么控制牌(透视)aapoker怎么提高中牌率,扑克教程(有挂解说);1、点...
透视好友!wepoker私人局... 透视好友!wepoker私人局透视方法,wepokerplus外挂(详细购买模拟器)一、wepoke...
透视游戏!aapoker辅助器... 透视游戏!aapoker辅助器是真的吗(透视)aapoker破解侠是真的吗,可靠教程(有挂细节)在进...
透视美元局!wepoker正确... 透视美元局!wepoker正确养号方法,wepoker正确养号方法(详细可以挂底牌);1、下载好we...
透视攻略!aapoker辅助器... 透视攻略!aapoker辅助器是真的吗(透视)aapoker辅助器是真的吗,必胜教程(有挂细节)小薇...