从 catchError 中的 return observable 获取值

Question

budgetTestService.getBudgetDates返回一个 observable，如何在BudgetDate[]从中获取BudgetDate[]值？

this.budgetService.getBudgetDays(this.startDate, this.finishDate)
  .pipe(
    catchError(error => {
      self.timelineBudgetDates = self.budgetTestService.getBudgetDates(self.startDate, self.finishDate);
        return of('some return value');
      }
    )
  )
  .subscribe(res => {
    self.timelineBudgetDates = self.processDates(res);          
  });

错误：

Type 'Observable<BudgetDate[]>' is missing the following properties from type 'BudgetDate[]': length, pop, push, concat, and 25 more.

Answer 1

您可以使用高阶函数将此引用传递给 catch

const errorHandler=(self)=>error => {
              self.timelineBudgetDates = 
              self.budgetTestService.getBudgetDates(self.startDate, self.finishDate);
              return of('some return value');
            }
          )

this.budgetService.getBudgetDays(this.startDate, this.finishDate)
        .pipe(
          catchError(errorHandle(this))
        )
        .subscribe(res => {
          self.timelineBudgetDates = self.processDates(res);

        });

Answer 2

如果您从组件调用 budgetService，您应该能够在无需订阅的情况下映射响应。 catchError 仅在服务抛出错误时执行。 请看下面的代码...

    this.budgetService.getBudgetDays(this.startDate, this.finishDate)
        .pipe(
          map(res => { self.timelineBudgetDates = self.processDates(res); }), 
          catchError(error => {
              // handle error
            })
         );