angular - HoSTListener 上的滚动事件

Question

我已经定义了模板

@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 时，它确实显示了警报。

为什么它不能与 scroll 一起使用，angular2 是否有任何其他实现？

谢谢

Answer 1

假设你想显示主机滚动(而不是 windows 滚动)并且你正在使用 angular +2.1

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