Angular : prevent api error to not display HTML template

Question

When I do HTTP requests, for example a GET request and that i got a status code 400 for invalid given data, it prevents my HTML template to be displayed in the view of my angular app. This is how I deal with it at the moment :

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

The 'error' is well displayed in the console, but this error prevents my template to be displayed, how can I fix that ?

Emilien · Accepted Answer · 2020-03-13 12:17:34Z

2

Could you try with this :

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

edited Mar 13, 2020 at 12:17

answered Mar 13, 2020 at 11:59

Emilien

2,7534 gold badges17 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

licer93 Over a year ago

thx for helping me, this is the error i got from VScode with this code :

Argument of type '(err: any) => void' is not assignable to parameter of type '(err: any, caught: Observable<Object>) => ObservableInput<any>'.   Type 'void' is not assignable to type 'ObservableInput<any>'.

licer93 Over a year ago

import { catchError } from 'rxjs/operators';

Emilien Over a year ago

You have correclty imported { catchError } from 'rxjs/operators'; ?

Emilien Over a year ago

Yeeaah great ! :D

Collectives™ on Stack Overflow

Angular : prevent api error to not display HTML template

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related