Hostlistener上的angular – scroll事件

发布时间：2020-12-17 07:16:45 所属栏目：安全来源：网络整理

导读：我已经定义了模板 @Component({ selector: 'name',directives: [ ... ],templateUrl: 'name.html'}) 和班级 export class ProductGridComponent implements OnInit { @HostListener('scroll',['$event']) onScroll(e) { alert(window.pageYOffset) } product

我已经定义了模板

@Component({
    selector: 'name',directives: [ ... ],templateUrl: 'name.html'
})

和班级

export class ProductGridComponent implements OnInit {
    @HostListener('scroll',['$event'])
    onScroll(e) {
        alert(window.pageYOffset)
    }

    products = [];
}

但它没有拍摄任何东西,但是当我用click和onClick替换scroll和onScroll时它确实显示了警告.

为什么它不能用于滚动,angular2是否有任何其他实现呢？

谢谢

解决方法

假设您要显示主机滚动(而不是Windows窗口)并且您正在使用角度2.1

@HostListener('scroll',['$event']) private onScroll($event:Event):void {
    console.log($event.srcElement.scrollLeft,$event.srcElement.scrollTop);
  };

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!