Search⌘ K
AI Features
Home
Courses
Mastering TypeScript

Observable Errors

Understand how to handle errors in TypeScript Observable streams by using subscription error handlers and the catchError operator. Learn techniques to safely access nested properties, manage faulty streams, and ensure streams complete as expected despite errors.

We'll cover the following...

Observable exceptions

What happens when something goes wrong within an Observable stream?

Obviously, we will need a mechanism to catch these errors so that we can do something sensible with them.

As an example of a faulty Observable stream, consider the following code:

C++
// Interface definition for a property 'value' of type number
interface IValue {
  value: number
}
// Interface definition for an optional property 'id' of type IValue
interface INestedObj {
  id?: IValue;
}
// Create an observable 'objEmit' of type INestedObj and initialize it with 3 objects
const objEmit : Observable<INestedObj> = of(
  { id: { value: 1 } }, // First object with id and value property
  {}, // Second object with no properties
  { id: { value: 2 } } // Third object with id and value property
);

Here, we start with two interfaces named IValue and INestedObj.

  • The IValue interface on lines 2 – 4 has a property named value of type number.

  • The INestedObj interface on lines 7 – 9 has a single optional parameter named id of type IValue.

  • We then create an Observable named objEmit on lines 12–16 that emits three values:

    • The first value has the nested structure described by the INestedObj
...