Angular Signals + HttpClient

Version: Angular 16+ (2025) Tags: Signals, HTTP, toSignal, toObservable

References: toSignal

Best Practices

• Use toSignal for HTTP

import { toSignal } from '@angular/core/rxjs-interop';

@Component({})
export class MyComponent {
  private http = inject(HttpClient);
  
  users = toSignal(this.http.get<User[]>('/api/users'), {
    initialValue: []
  });
}

• Use toObservable

import { toObservable, toSignal } from '@angular/core/rxjs-interop';

@Component({})
export class MyComponent {
  name = signal('John');
  name$ = toObservable(this.name);
}