Angular 如何使用ANGLING HTTP.POST并将类型更改为键入的回复

您只需从帖子中删除HttpErrorResponse，并让catchError包含类型HttpErrorResponse！另外，因为我们不会使用以前的数据调用另一个API调用，所以我将switchMap换成了map！

总而言之，我们不需要为HttpErrorResponse添加额外的行，只要成功返回类型就足够了，而TypeScrip将允许这一点！

import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';
import { catchError, map } from 'rxjs/operators';

@Injectable()
export class TestService {
  nextApiEndpoint = 'google.com';
  constructor(private http: HttpClient) {}

  forgotPassword(args: {
    studentId: string;
    emailAddress: string;
  }): Observable<string> {
    const body = {
      studentId: args.studentId,
      emailAddress: args.emailAddress,
    };
    console.log('forgot password', body);

    return this.http
      .post<string>(
        `${this.nextApiEndpoint}Authentication/ForgotPassword`,
        body,
        {}
      )
      .pipe(
        catchError((err: HttpErrorResponse) => {
          throw 'error in source. Details: ' + err.message;
        }),
        map((data: string): string => data)
      );
  }
}

Stackblitz Demo with no compilation errors个