Angular：防止 api 错误不显示 HTML 模板

Question

当我执行 HTTP 请求（例如 GET 请求）并且我得到无效给定数据的状态代码 400 时，它会阻止我的 HTML 模板显示在我的 Angular 应用程序的视图中。 这就是我目前的处理方式：

this.myService.getData(neededData)
  .subscribe(
    (result) => {
      this.data = result;
    },
    (error) => { 
      if (error) { 
        console.log("error"); 
        this.anErrorHasOccured = true; 
      }
    }
  );

“错误”在控制台中显示得很好，但是这个错误使我的模板无法显示，我该如何解决？

Answer 1

你可以试试这个吗：

this.myService.getData(neededData)
  .pipe(catchError(err => {
    console.err(err);
    return of([]);
  }))
  .subscribe(
    (result) => this.data = result,
  );