HttpClient adalah layanan bawaan Angular untuk membuat permintaan HTTP. Ini mengembalikan Observables (bukan Promises), terintegrasi dengan operator RxJS, dan mendukung respons yang diketik, interceptor, dan penanganan kesalahan.
{ } ;
{ } ;
({ : })
{
() {}
() {
..<[]>();
}
() {
..<>(, user);
}
() {
..();
}
}
Generic (<User[]>) mengetik respons. Permintaan adalah lazy — mereka hanya dijalankan ketika berlangganan.
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);
Karena berbasis Observable, Anda membuat ulang percobaan, fallback, timeout, dan transformasi dengan operator.
HTTP interceptors automatically attach auth tokens, log requests,
handle errors globally, or show loading spinners — for ALL requests.
HttpClient adalah cara aplikasi Angular berkomunikasi dengan backend — diketik, berbasis Observable, dan dapat dikomposisi dengan RxJS untuk ulang percobaan/fallback/transformasi.
Sifat Observable-nya (vs Promise fetch) mengintegrasikannya dengan bagian lain Angular (async pipe, operator, interceptor).
Mengetahui permintaan yang diketik, opsi, penanganan kesalahan, dan pemasangan dengan async pipe mencakup praktis semua kebutuhan pengambilan data di Angular.