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()方法,以正确地实现无限滚动。

相关内容

热门资讯

实测揭晓!来几局辅助器开挂,胡... 实测揭晓!来几局辅助器开挂,胡易决胜麻架辅助,2026新版教程(有挂秘笈)-哔哩哔哩 了解更多开挂安...
2024教程!杭州都莱有没有挂... 2024教程!杭州都莱有没有挂,新卡农辅助软件,玩家教程(存在有挂)-哔哩哔哩;1、让任何用户在无需...
玩家亲测!花城棋舍辅助,花花生... 您好:花花生活圈辅助工具安装教程这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很...
我来教教大家!温州茶苑破解版,... 我来教教大家!温州茶苑破解版,新金龙辅助工具,玩家教你(有人有挂)-哔哩哔哩;亲,温州茶苑破解版这款...
一分钟了解!微乐家乡游戏攻略,... 一分钟了解!微乐家乡游戏攻略,填大坑辅助软件,wepoke教程(有挂秘籍)-哔哩哔哩>>您好:软件加...
今日公布!堆金城陕西辅助器,欢... 今日公布!堆金城陕西辅助器,欢乐达人破解器,扑克教程!(有挂技巧)-哔哩哔哩【无需打开直接搜索加薇1...
透视插件!杭州都莱有没有挂,新... 杭州都莱有没有挂开挂教程视频分享装挂详细步骤在当今的网络游戏中,杭州都莱有没有挂作为一种经典的娱乐方...
揭秘!五十k辅助,来玩app ... 揭秘!五十k辅助,来玩app 德州 辅助,技巧教程(发现有挂)-哔哩哔哩;无需打开直接搜索加薇136...
科普攻略!超级三加一辅助工具安... 科普攻略!超级三加一辅助工具安装,wepoker透视脚本免费app,我来教教你(有挂规律)-哔哩哔哩...
透视辅助!途游四川破解,pok... 透视辅助!途游四川破解,pokemmo辅助官网,揭秘教程(有挂助手)-哔哩哔哩;打开点击测试直接进入...