HttpClient ialah service terbina dalam Angular untuk membuat permintaan HTTP. Ia memulangkan Observable (bukan Promise), bersepadu dengan operator RxJS, dan menyokong respons bertaip (typed), interceptor, serta pengendalian ralat.
{ } ;
{ } ;
({ : })
{
() {}
() {
..<[]>();
}
() {
..<>(, user);
}
() {
..();
}
}
Generic (<User[]>) menetapkan jenis respons. Permintaan adalah lazy — ia hanya dicetuskan apabila di-subscribe.
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);
Oleh sebab ia berasaskan Observable, anda boleh menyusun retry, 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 ialah cara aplikasi Angular berkomunikasi dengan backend — bertaip, berasaskan Observable, dan boleh disusun dengan RxJS untuk retry/fallback/transformasi.
Sifat Observablenya (berbanding Promise pada fetch) menjadikannya bersepadu dengan seluruh Angular (pipe async, operator, interceptor).
Mengetahui permintaan bertaip, opsyen, pengendalian ralat, dan pasangannya dengan pipe async meliputi hampir semua keperluan pengambilan data dalam Angular.