javascript - Rxjs 中不存在 Angular 6 throttleTime

Question

我正在使用 angular/cli": "~6.1.5 和 rxjs": "^6.0.0 作为 Angular 6 的新手，我开始从官方文档中学习

http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html

代码如下

var clicks = Rx.Observable.fromEvent(document, 'click');
var result = clicks.throttleTime(1000);
result.subscribe(x => console.log(x));

上面的代码我在 angular 6 中尝试过

fromEvent(mybuttonId, 'click')
      .subscribe((event) => console.log('clicked'));

但是如果我将 .throttleTime(1000) 添加到事件中，那么它将抛出错误

Property 'throttleTime' does not exist on type 'Observable

'`.

如果我尝试添加 Observable.fromEvent 则该方法不存在

我已经将 Rx js 导入为

import {Observable, fromEvent, from, of} from 'rxjs';
import {throttleTime} from 'rxjs/operators';

任何人都可以帮助我在哪里可以找到最新版本的确切文档。

谢谢

Answer 1

它可以像这样通过管道传输到 Observable:

import { fromEvent } from 'rxjs';
import { throttleTime } from 'rxjs/operators';

subscription = fromEvent(document, 'click')
               .pipe(throttleTime(1000))
               .subscribe(x => console.log(x));

您可以在此处的官方文档中找到它:

fromEvent | throttleTime

同时确保从 subscription 中unsubscribe 以避免任何内存泄漏。通常，这是在 ngOnDestroy

中完成的