Question

我与观察者有关，我试图创建一个可观察的点击流来忽略双击时发生的2次点击事件，但我收到此错误： -

Unhandled Promise rejection: this.clickStream.buffer is not a function ; Zone: <root> ; Task: Promise.then ; Value: TypeError: this.clickStream.buffer is not a function

我不明白为什么。

代码如下： -

import {Component, NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {Subject} from 'rxjs/Subject';
import {Observable} from 'rxjs/Observable';

@Component({
    selector: 'my-app',
    template: `
         <div>
              <button (click)="clickStream.next(1)">Click me!</button>
         </div>
    `,
})
export class App {
    clickStream: Observable<number> = new Subject<number>();
    singleClick;

    constructor() {
        this.singleClick = this.clickStream.buffer(() => this.clickStream
                                                             .debounce(250))
                               .map(arr => arr.length)
                               .filter(len => len != 2);
        this.singleClick.subscribe(console.log.bind(console));
    }
}

@NgModule({
     imports: [ BrowserModule ],
     declarations: [ App ],
     bootstrap: [ App ]
})
export class AppModule {}

我一直在使用Angular + Typescript Demo Plunk对此进行测试。

Answer 1

我认为问题在于这一行

this.singleClick = this.clickStream.buffer(() => this.clickStream.debounce(250))

bufferWhen运算符使用函数，但buffer只使用了observable：

this.singleClick = this.clickStream.buffer(this.clickStream.debounce(250))

LEARN RXJS - buffer

我想知道你是否需要缓冲，debounce应该足够了。

此外，debounce需要一个函数，而debounceTime需要ms时间 - 所以你也想改变它。

我已经设置了CodePen来玩。

为什么我得到缓冲区不是函数错误

1 个答案: