在Angular2中檢測組件滾動的最簡單方法

我使用的是帶有Typescript和HTML5的Angular2。在Angular2中檢測組件滾動的最簡單方法

當發生滾動時，我想讓它在我的組件中調用一個函數。

通常在角1我會把一個觀察者在滾動。如何爲Angular2做到這一點？

這是我目前的嘗試：

@HostListener('scroll', ['$event']) private onScroll($event:Event):void { 
     console.log("Scrolling occurred!"); 
    };

不過的console.log犯規被擊中。

你能否提供html和typecript答案的問題。

謝謝

來源

2016-11-19 AngularM

然後滾動事件可能不是由該元件發射的。也許是父母。很難說沒有更多的上下文。對於擁有'@HostListener（）'裝飾器的方法，'private'可能不適用於AoT。（我沒有使用TS自己與Angular2，因此不知道肯定）。 –

@GünterZöchbauer是否有我可以使用的JavaScript替代方案？ – AngularM

我還不知道實際問題是什麼。監聽當前組件的滾動事件的方式與您在問題中的方式一致。要知道爲什麼它不起作用需要更多關於您的用例的信息。理想情況下，Plunker也可以直接調查問題。 –

您可以使用rxjs來處理事件：

import {Observable} from 'rxjs'; 

let source = Observable.fromEvent(document, 'scroll'); 
let subscription = source.subscribe(e => console.log('scroll', e));

現在每個滾動發生時，該源發射，你可以聽的事件。

請參見： http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#static-from-event

來源

2016-11-26 05:51:35 marcan2020

在Angular2中檢測組件滾動的最簡單方法

回答

相關問題