Javascript 在merge（）中添加条件管道（）操作 案例

使用

merge（）

合并页面上的3个数据源：

merge(this.sort.sortChange, this.paginator.page, this.searchQuery$)
      .pipe(
        distinctUntilChanged(),
        switchMap(() => {

问题

sort

和

paginator

是即时源代码（用户单击控件并立即更改值）。而

searchQuery

由文本输入字段生成

我想添加

debounceTime（500）

，但仅用于

searchQuery$

，同时保留其他两个源

---

如何使用RxJs实现这一点？

您可以在

管道中向任何可观察对象添加操作符

merge(
  this.sort.sortChange, 
  this.paginator.page, 
  this.searchQuery$.pipe(debounceTime(500))
)

您可以将
管道中的运算符添加到任何可观察对象

merge(
  this.sort.sortChange, 
  this.paginator.page, 
  this.searchQuery$.pipe(debounceTime(500))
)