HttpClient είναι η ενσωματωμένη υπηρεσία του Angular για τη δημιουργία αιτημάτων HTTP. Επιστρέφει Observables (όχι Promises), ενσωματώνεται με τελεστές RxJS και υποστηρίζει τυποποιημένες απαντήσεις, interceptors και χειrisμό σφαλμάτων.
{ } ;
{ } ;
({ : })
{
() {}
() {
..<[]>();
}
() {
..<>(, user);
}
() {
..();
}
}
Ο γενικός τύπος (<User[]>) καθορίζει τον τύπο της απάντησης. Τα αιτήματα είναι τεμπέλες — εκτελούνται μόνο όταν γίνεται συνδρομή.
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, συνθέτετε επανάληψης, εναλλακτικές λύσεις, χρονικά όρια και μετατροπές με τελεστές.
HTTP interceptors automatically attach auth tokens, log requests,
handle errors globally, or show loading spinners — for ALL requests.
HttpClient είναι ο τρόπος με τον οποίο οι εφαρμογές Angular επικοινωνούν με backends — τυποποιημένα, βασισμένα σε Observable και δομήσιμα με RxJS για επανάληψες/εναλλακτικές λύσεις/μετατροπές.
Η φύση του βασισμένη σε Observable (έναντι των Promises του fetch) το ενσωματώνει με το υπόλοιπο Angular (async pipe, τελεστές, interceptors).
Η γνώση των τυποποιημένων αιτημάτων, επιλογών, χειρισμού σφαλμάτων και ζευγαρώματος με το async pipe καλύπτει πρακτικά όλες τις ανάγκες ανάκτησης δεδομένων στο Angular.