Observables and RxJS

Angular 236 views Nov 14, 2025 1 min read

Observables and RxJS

Observables represent asynchronous streams of data. Angular uses RxJS for handling such streams.

Why Observables?

  • Handle API responses
  • Listen to events
  • Manage real-time data
  • Powerful operators

Observable Example

import { Observable } from 'rxjs';

const obs = new Observable(sub => {
  sub.next('Hello');
  sub.complete();
});

Common RxJS Operators

  • map()
  • filter()
  • switchMap()
  • mergeMap()
  • debounceTime()

Pipe Example

this.http.get('/users')
  .pipe(
    map(data => data),
    filter(user => user.active)
  )
  .subscribe();
Some advanced sections are available for Registered Members
Share this Post
🚀 Want to Test Your Knowledge?

Take quizzes related to this topic and see where you stand!

Start Quiz Now
Back to Tutorials