HttpClient is Angular's ingebouwde service voor het maken van HTTP-verzoeken. Het retourneert Observables (geen Promises), integreert met RxJS-operators en ondersteunt getypte responses, interceptors en foutafhandeling.
{ } ;
{ } ;
({ : })
{
() {}
() {
..<[]>();
}
() {
..<>(, user);
}
() {
..();
}
}
De generieke (<User[]>) types de response. Verzoeken zijn lazy — ze worden alleen uitgevoerd wanneer je je ervan abonneert.
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);
Omdat het Observable-gebaseerd is, stel je retries, fallbacks, timeouts en transformaties samen met operators.
HTTP interceptors automatically attach auth tokens, log requests,
handle errors globally, or show loading spinners — for ALL requests.
HttpClient is hoe Angular-apps met backends communiceren — getypt, Observable-gebaseerd en composeerbaar met RxJS voor retries/fallbacks/transformaties.
Zijn Observable-aard (versus fetch's Promises) integreert het met de rest van Angular (async pipe, operators, interceptors).
Getypto verzoeken, opties, foutafhandeling en koppeling met de async pipe beslaat praktisch alle gegevensoprehabiliteitsbehoefte in Angular.