Angular Signals vs Observables

In this tutorial, you will learn the difference between Angular Signals vs Observables and when to use each one.

What are Angular Signals?

Angular Signals is used to manage state, and it is used to optimize Angular change detection.

When we use Angular Signals, then there is no need for subscription or unsubscription.

Note: Angular Signal does not handle Asynchronous operations.

Example: Angular Signals

import { signal } from '@angular/core';

const count = signal(0);

count.set(5); // set the count value
count.update(v => v + 1); //update the count value

console.log(count()); // Access value

What are Observables?

Observables are used to handle Asynchronous streams such as HTTP calls, events, and WebSockets. It comes from RXJS.

Observables have powerful operators (map, switchMap, debounceTime, etc.)

Example: Observables

import { Observable } from 'rxjs';

const data$: Observable = new Observable(observer => {
  observer.next(1);
  observer.next(2);
});

Difference between Angular Signals vs Observables

Angular Signals vs Observables – Interview Questions