angular-signals-http

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

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

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