在Angular2中,最简单的方法是检测组件的滚动

时间:2016-11-19 12:18:02

标签: javascript angularjs angular

我将Angular2与Typescript和HTML5一起使用。

当滚动发生时,我希望它在我的组件中调用一个函数。

通常在Angular 1中我会在卷轴上放置一个观察者。 我如何为Angular2做这个?

这是我目前的尝试:

item_id

但是console.log没有被击中。

你能否提供问题的html和打字稿答案。

谢谢

1 个答案:

答案 0 :(得分:1)

您可以使用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