如何從組件中的服務方法獲取 catchError 消息？

Question

getFinanceDetails(clientId: string, type: OnvioClientUpdateType): Observable <ClientFinance> {
  return this.getClientContactDetailsById(clientId, type).pipe(mergeMap((data: any) => {
    const clientFinanceDetails = this.clientContactDetailsByJsonData(data);
    return of(clientFinanceDetails);
  })).pipe(catchError(ExceptionHandler.handleError));
}

我正在從組件調用這個函數，這是我的服務方法。所以我的問題是，我怎樣才能得到這個在 catcherror 函數中返回的錯誤，因為 Observable ClientFinance 覆蓋了我的錯誤。

Answer 1

你可以使用throwError把它扔回去。

像這樣的東西：

import { Observable, of, throwError } from "rxjs";
import { catchError, map } from "rxjs/operators";

getFinanceDetails(clientId: string, type: OnvioClientUpdateType): Observable <ClientFinance> {
  return this.getClientContactDetailsById(clientId, type)
    .pipe(
       mergeMap((data: any) => {
          const clientFinanceDetails = this.clientContactDetailsByJsonData(data);
          return of(clientFinanceDetails);
       }),
       catchError(error => throwError("Something went wrong: ", error))
    );
}

Answer 2

你可以處理catchError如下

catchError(err => {
    console.log('Handle error locally and rethrow it..', err);
    ExceptionHandler.handleError;
    return throwError('Error occurred.', err);    
})