Angular 6 - HttpClient - 捕获错误

Question

我目前正在通过使用 HTTPClient 学习 Angular 6 和 RXJS。

文档 https://angular.io/guide/http声明您可以使用 pipe 然后使用 tap 在 this.http.get 方法中捕获错误，就像下面从官方文档中提取的示例一样。

getTextFile(filename: string) {
    // The Observable returned by get() is of type Observable<string>
    // because a text response was specified.
    // There's no need to pass a <string> type parameter to get().
    return this.http.get(filename, {responseType: 'text'})
    .pipe(
        tap( // Log the result or error
        data => this.log(filename, data),
        error => this.logError(filename, error)
        )
    );
}

我正在尝试像这样在我的方法中复制它

getLeads() : Observable<Lead[]> {
  return this.http.get<Lead[]>('http://localhost:3000/leads').pipe(
      tap (
        error => console.log('error')
      )
  );
}

但它并没有在 tap() 中捕获错误，但是当像下面那样使用 catchError 时它确实有效。

getLeads() : Observable<Lead[]> {
  return this.http.get<Lead[]>('http://localhost:3000/leads').pipe(
      catchError(this.errorHandlerService.handleError('Could not get Leads', [])),
  );
}

是否有以下原因无法正常工作？

tap (
  error => console.log('error')
)

Answer 1

这些方法的回调名称无关紧要。

tap (
   error => console.log('error')
)

在这种情况下，“错误”实际上是一个“成功”回调。如果要处理错误，则需要 tap 运算符的第二个参数。

tap (
   success => console.log('success'),
   error => console.log('error')
)