HttpClient est le service intégré d'Angular pour effectuer des requêtes HTTP. Il retourne des Observables (et non des Promises), s'intègre avec les opérateurs RxJS, et supporte les réponses typées, les intercepteurs et la gestion des erreurs.
{ } ;
{ } ;
({ : })
{
() {}
() {
..<[]>();
}
() {
..<>(, user);
}
() {
..();
}
}
Le générique (<User[]>) type la réponse. Les requêtes sont lazy — elles ne s'exécutent que lorsqu'on les souscrit.
ngOnInit() {
this.userService.getUsers().subscribe(users => this.users = users);
}
// or with the async pipe (no manual subscribe/unsubscribe):
users$ = this.userService.getUsers();
// template: <li *ngFor="let u of users$ | async">
import { HttpParams, HttpHeaders } from "@angular/common/http";
this.http.get("/api/users", {
params: new HttpParams().set("page", "1").set("limit", "10"), // ?page=1&limit=10
headers: new HttpHeaders({ Authorization: `Bearer ${token}` }),
});
import { catchError, retry } from "rxjs/operators";
import { of } from "rxjs";
this.http.get<User[]>("/api/users").pipe(
retry(2), // retry failed requests twice
catchError(err => {
console.error(err);
return of([]); // fallback value, keep the stream alive
})
).subscribe(users => this.users = users);
Parce qu'elle est basée sur les Observables, vous composez les retries, fallbacks, timeouts et transformations avec des opérateurs.
HTTP interceptors automatically attach auth tokens, log requests,
handle errors globally, or show loading spinners — for ALL requests.
HttpClient est la façon dont les applications Angular communiquent avec les backends — typées, basées sur les Observables, et composables avec RxJS pour les retries/fallbacks/transformations.
Sa nature Observable (vs les Promises de fetch) l'intègre au reste d'Angular (async pipe, opérateurs, intercepteurs).
Connaître les requêtes typées, les options, la gestion des erreurs, et l'appairage avec le async pipe couvre pratiquement tous les besoins de récupération de données dans Angular.