如何在 Angular 服务中返回自定义错误？

Question

我有一个服务会返回 http 查询，默认情况下我的调用者会收到结果并将其分配给 News[] 对象。

 this.service.getNews(url).subscribe((res) => this.news = res);

现在如果发生任何错误，我想抛出一个自定义错误：

getNews(url:string): Observable<News[]> {
  return this.http.get<News[]>(url).catch(err => {
  throw new Error("My Custom Error");
});

但是我得到了一个编译错误“无法将 {} 分配给 Observable ”，因为该错误不是 News[] 的类型。

那么如何在不改变返回类型Observable的情况下修改代码返回错误呢？

Answer 1

不要抛出你的错误，而是尝试使用Observable.throw返回一个可观察的错误。

docs 特别提醒从catch 运算符返回一个可观察对象。