Which of the following is the correct syntax to handle HTTP errors using catchError in an Angular service?

easy📝 Syntax Q3 of 15

Angular - HTTP Client

Which of the following is the correct syntax to handle HTTP errors using catchError in an Angular service?

Areturn this.http.get(url).pipe(catchError(error => throwError(() => error)));

Breturn this.http.get(url).catchError(error => console.log(error));

Creturn this.http.get(url).subscribe(catchError(error => error));

Dreturn this.http.get(url).pipe(map(error => catchError(error)));

Step-by-Step Solution

Solution:

Step 1: Identify correct RxJS pipe usage
Errors are handled inside the pipe() method using catchError operator.
Step 2: Check error handling function
The function inside catchError should return an observable, often using throwError to propagate the error.
Final Answer:
return this.http.get(url).pipe(catchError(error => throwError(() => error))); -> Option A
Quick Check:
Correct catchError syntax = pipe + catchError + throwError [OK]

Quick Trick: Use pipe() with catchError and throwError for error handling [OK]

Common Mistakes:

MISTAKES

Master "HTTP Client" in Angular

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Angular Quizzes