Creating observables in Angular - Quick Revision & Summary

Recall & Review

beginner

What is an Observable in Angular?

An Observable is a way to handle asynchronous data streams. It lets you watch for data changes over time and react when new data arrives.

beginner

How do you create a simple Observable that emits values in Angular?

You use the new Observable() constructor and provide a function that calls observer.next() to send values.

beginner

What does the subscribe() method do on an Observable?

It starts listening to the Observable. When the Observable emits data, the subscribe() callback runs to handle that data.

intermediate

Name two common ways to create Observables in Angular besides using the constructor.

You can use creation functions like of() to emit fixed values or fromEvent() to create Observables from DOM events.

intermediate

Why is it important to unsubscribe from Observables in Angular?

To avoid memory leaks. If you don’t unsubscribe, the Observable keeps running and can cause your app to slow down or crash.

Which method do you use to start receiving data from an Observable?

A connect()

B emit()

C listen()

D subscribe()

The subscribe() method is used to listen to data emitted by an Observable.

What does the of() function do in Angular Observables?

A Creates an Observable that emits a fixed set of values

B Creates an Observable from a DOM event

C Creates an Observable that never emits

D Creates an Observable that emits values over time

of() creates an Observable that emits the values you pass to it immediately.

Which RxJS function creates an Observable from a DOM event?

A timer()

B interval()

C fromEvent()

D map()

fromEvent() creates an Observable that emits events from a DOM element.

What happens if you don’t unsubscribe from an Observable in Angular?

A The app crashes immediately

B Memory leaks and performance issues

C The Observable stops emitting automatically

D Nothing, it’s safe to ignore

Not unsubscribing can cause memory leaks because the Observable keeps running in the background.

Which of these is NOT a way to create an Observable?

A subscribe()

B new Observable()

C of()

D fromEvent()

subscribe() is used to listen to an Observable, not to create one.

Explain how to create a basic Observable in Angular and how to listen to its data.

Think about how you tell a friend to watch for updates and how you send those updates.

Why is unsubscribing from Observables important in Angular apps?

Imagine leaving a faucet running when you don’t need water.