HttpClient HTTP istekleri yapmak için Angular'ın yerleşik hizmetidir. Observables döndürür (Promises değil), RxJS operatörleriyle entegre olur ve yazılan yanıtları, interceptor'ları ve hata işlemeyi destekler.
{ } ;
{ } ;
({ : })
{
() {}
() {
..<[]>();
}
() {
..<>(, user);
}
() {
..();
}
}
Generic (<User[]>) yanıtı yazıp yazar. İstekler tembel — yalnızca abone olunduğunda çalışırlar.
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);
Observable tabanlı olduğu için, yeniden denemelerinizi, alternatif çözümleri, zaman aşımlarını ve dönüşümleri operatörlerle oluşturursunuz.
HTTP interceptors automatically attach auth tokens, log requests,
handle errors globally, or show loading spinners — for ALL requests.
HttpClient Angular uygulamalarının arka uçlarla iletişim kuruş biçimidir — yazılan, Observable tabanlı ve yeniden denemeler/yedekler/dönüşümler için RxJS ile birleştirilebilir.
Observable doğası (fetch Promises'e karşı) onu Angular'ın geri kalanıyla (async pipe, operatörler, interceptor'lar) entegre eder.
Yazılan istekleri, seçenekleri, hata işlemeyi ve async pipe ile eşleştirmeyi bilmek, Angular'da pratik olarak tüm veri getirme ihtiyaçlarını karşılar.