angular - 2秒内执行第二个请求作为第一个请求

Question

我有两个要求。
我需要this.auth.login将在 this._auth.create 后 2 秒内执行被执行。
这不会发生在我身上。
我做错了什么？

auth() {
  this._auth.create(this.form.value).subscribe(
    () => {
      setTimeout(() => {
        this._auth.login(this.form.value).subscribe(
          () => {
            this.router.navigate(['/home']);
          },
          error => {
            this._toast.error(error.error.message);
          }
        );
      }, 2000)
      },
    error => {
      this._toast.error(error.error.message);
    }
  )
}

Answer 1

尽量避免嵌套订阅。相反，您可以使用 RxJS operators混合和匹配多个(相互依赖的)可观察对象。
尝试以下

auth() {
  this._auth.create(this.form.value).pipe(
    delay(2000),
    switchMap(_ => this._auth.login(this.form.value))
  ).subscribe(
    _ => this.router.navigate(['/home']),
    error => this._toast.error(error.error.message)
  );
}

我用过 delay 运算符(operator)将第一个请求的通知延迟 2 秒，然后使用 switchMap 将其切换到第二个请求运算符(operator)。
但是在登录过程中引入固定延迟并不是好的设计。如果您有一些副作用需要在此延迟期间完成，另一种方法是将这些副作用包含在路由过程中，并使第二个调用直接等待第一个调用，而不是硬延迟。