angular - 我应该如何将 v5 中管道中使用的合并转换为 v6

Question

我正在查看此处提供的转换指南，我正在尝试按照本指南转换管道中使用的合并，但它不像更改之前那样工作。

这是我用来学习新合并的一段代码：

    this.form.valueChanges.pipe(
      startWith(1),
      merge(this.form.statusChanges),
      merge(this.click$),
      map(() => this.form.value.query),
      filter(() => this.form.valid)
    )
    .subscribe(this.search);

  private search = (query: string) => {
    this.tvs.search(query).subscribe(shows => this.shows = shows);
  }

我试图做这样的事情：

    merge(
    this.form.valueChanges.pipe(
    startWith(1),
      map(() => this.form.value.query),
      debounceTime(500),
      tap(() => this.form.controls.query.errors && console.log(this.form.controls.query.errors)),
      tap(() => this.form.status && console.log(this.form.status)),
      filter(() => this.form.valid)
    ), this.form.statusChanges, this.click$)
    .subscribe(this.search);

但是在 chrome 的网络选项卡中，我收到了对 api 的调用，其查询等于表单的状态（有效或无效）。转换它的正确方法是什么？

标签： angulartypescriptrxjs5rxjs6rxjs-pipeable-operators

Answer 1

我找到了解决方案：

 merge(
      this.form.valueChanges,
      this.form.statusChanges,
      this.click$).pipe(
        startWith(1),
        map(() => this.form.value.query),
        debounceTime(500),
        tap(() => this.form.controls.query.errors && console.log(this.form.controls.query.errors)),
        tap(() => this.form.status && console.log(this.form.status)),
        filter(() => this.form.valid)
      ).subscribe(this.search);