Angular - HTTP Client
You want to show a friendly message to users when an HTTP error occurs, but still log the original error for debugging. Which code snippet correctly implements this in Angular?
You want to show a friendly message to users when an HTTP error occurs, but still log the original error for debugging. Which code snippet correctly implements this in Angular?
hard🚀 Application Q15 of 15
Step-by-Step Solution
Solution:
Step 1: Check user notification and logging
return this.http.get(url).pipe(catchError(err => { alert('Error occurred'); console.error(err); return throwError(() => err); })) shows an alert to users and logs the error to console, fulfilling both requirements.Step 2: Verify error propagation
It returnsthrowError(() => err)to pass the error downstream for further handling.Final Answer:
return this.http.get(url).pipe(catchError(err => { alert('Error occurred'); console.error(err); return throwError(() => err); })) -> Option DQuick Check:
Alert user + log error + rethrow = C [OK]
Quick Trick: Alert user, log error, then rethrow with throwError(() => err) [OK]
Common Mistakes:
MISTAKES- Not alerting user or not logging error
- Returning a string instead of throwing error
- Alerting raw error message confusing users
Master "HTTP Client" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes