Angular 5 在方法上使用 debounceTime

Question

我正在尝试在 Angular 5 函数上使用 debounceTime，但我不知道如何使用它。当我构建搜索函数时，我可以使用它，因为它绑定(bind)到对该输入值所做的更改，如下所示:

this.search
    .debounceTime(400)
    .distinctUntilChanged()
    .takeUntil(this.onDestroy)
    .subscribe((model) => {
        return this.filterArray(model);
    });

但是现在我想将它应用到一个函数中，这个函数从很多地方调用，并通过http post向数据库发送一个事件，如下所示:

private saveData(): void {
    this.http.post('event/url', data).takeUntil(this.onDestroy).subscribe((response: Response) => {
        // -
    }, error => {
        // -
    });
}

有没有办法像saveData().debounceTime()一样做到这一点，或者我需要以其他方式做到这一点？

Answer 1

我不确定，但这样的东西可能会起作用:

$save: Subject<void> = new Subject<void>();

在你的构造函数或初始化中:

this.$save
  .debounceTime(400)
  .switchMap(() => this.http.post(...post params))
  .subscribe(..Do something);

您的保存方法:

saveData(){
    this.$save.next();
}