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,
  );