rxjs throttle this.durationSelector不是一个函数

时间:2016-10-18 11:25:14

标签: angular typescript rxjs rxjs5 ngrx

我正在使用以下代码尝试throttle ngrx存储操作更新事件

import 'rxjs/add/operator/throttle'
import { Dispatcher, Store } from '@ngrx/store';
...
static get parameters() {
  return [[Dispatcher]];
}
constructor(actions$) {
...

this.actions$
  .filter(action => action.type === this.Actions[`LOAD_USERS_REQUEST`])
  .throttle(1000 /* ms */)
  .subscribe(() =>
    ...
  );

这会引发错误

  

at ThrottleSubscriber.tryDurationSelector(throttle.js:80)TypeError:   this.durationSelector不是函数

当我用.throttle(1000)替换.throttle(() => 1000)时,它会抛出一个不同的错误,清楚地显示油门需要一个功能,而不是我提供的功能。但我想知道为什么因为文档说明油门需要一个数值。

https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/throttle.md

1 个答案:

答案 0 :(得分:18)

您在https://github.com/Reactive-Extensions/RxJS上引用的文档页面与RxJS 4相关。由于您使用的是Angular2,因此您使用的是RxJS 5.

运算符throttle()期望参数为Observable或Promise。

运算符throttleTime()以毫秒为单位作为参数时间。

所以你应该使用throttleTime(1000)

请注意,使用.throttle(() => 1000)非常不同。您传递的匿名函数直接返回1000而不是1000数字。这就是它抛出不同错误的原因。