angular - 你怎么用 pipe 接住？

Question

如何使用可出租运算符和管道执行以下操作？

    this.httpClient
      .get(url)
      .map((res: any) => {
        const events = res.eventList;
        return events.map(e => new EventLogModel(e));
      })
      .catch(this.handleError);

我已经试过了，但我无法得到 catchError上类:catchError does not exist on type Observable<any> :

    this.httpClient
      .get(url)
      .pipe(
        map((res: any) => {
          const events = res.eventList;
          return events.map(e => new EventLogModel(e));
        })
      )
      .catchError(this.handleError);

此外，我假设 catch和 catchError是一样的，对吗？我像这样导入它:

import { map, catchError } from 'rxjs/operators';

但我不确定这是否是正确的运算符。

Answer 1

你的假设是正确的，lettable 运算符catchError 与catch 相同。

关于catchError的放置，不应该有前缀.，应该放在pipe中:

this.httpClient
  .get(url)
  .pipe(
    map((res: any) => {
      const events = res.eventList;
      return events.map(e => new EventLogModel(e));
    }),
    catchError(this.handleError);
  )