[Solved] Given the code below, what will be the output?import { of, throwError } from 'rxjs'; import { catchError } from 'rxjs/operators'; const source$ = throwError(() => new Error('Oops!')); source$.... | Angular

Angular - RxJS Operators

Given the code below, what will be the output?

import { of, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';

const source$ = throwError(() => new Error('Oops!'));

source$.pipe(
  catchError(err => of('Error handled'))
).subscribe(value => console.log(value));

AThrows an error and stops

BNo output

CLogs 'Oops!'

DLogs 'Error handled'

Step-by-Step Solution

Solution:

Step 1: Understand throwError and catchError interaction
throwError creates an Observable that immediately errors. catchError catches this error and returns a new Observable emitting 'Error handled'.
Step 2: Trace the subscription output
The subscriber receives 'Error handled' and logs it. The original error is replaced by the catchError Observable.
Final Answer:
Logs 'Error handled' -> Option D
Quick Check:
catchError replaces error with new value [OK]

Quick Trick: catchError replaces error with new Observable output [OK]

Common Mistakes:

MISTAKES

Expecting original error to be logged
Thinking error stops the stream without catchError
Confusing error message with emitted value

Master "RxJS Operators" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

Given the code below, what will be the output?

Step 1: Understand throwError and catchError interaction

Step 2: Trace the subscription output

Final Answer:

Quick Check:

Want More Practice?