管道HTTP调用时RxJS SwitchMap错误

Question

我有一个组件调用我的服务，如下所示：

this.authService.login$(userRegistration).subscribe(result => {
// Doing things here
});

authservice调用如下所示:

login$(userRegistration: UserRegistrationRequest): Observable<AuthResult> {
        return this.http.post<AuthResult>(url, userRegistration)
        .pipe(
            switchMap(result => {
                if(result.errors || result.errors.length !== 0) {
                    throw(result.errors);
                }

                // do things and then
                return of(result);
            }),
            error => {
                throw(error);
            }
        );
    }

这导致http帖子永远不会被触发，并立即与上面的图像发生错误。如果我删除了switchMap，只返回服务中的可观察值，然后在组件中订阅它，则调用成功。

我错过了什么吗？我对rxjs相对较新，所以我不确定我是否误解了什么，但任何帮助都将不胜感激。

编辑：我还能够将switchMap移动到组件中，做我需要的事情，然后在最后调用一个订阅，它工作得很好。总的来说，这是更好的做法吗？

Answer 1

错误（）不是RxJS中包含在管道（）中的有效运算符，相反，您想使用catchError（）来处理特定的错误情况。然而，看看您的示例，您不需要使用它，因为Angular会捕获从您的HTTP可观察到的抛出的任何错误。

此外，您不需要使用开关地图，因为您不依赖于另一个可观察的。只需使用map（）运算符并返回结果而不是（结果）的。

login$(userRegistration: UserRegistrationRequest): Observable<AuthResult> {
  return this.http.post<AuthResult>(url, userRegistration)
  .pipe(
      map(result => {
          if(result.errors || result.errors.length !== 0) {
              throw(result.errors);
          }

          // do things and then
          return result;
      })
  );
}