HttpClient Angular को HTTP अनुरोध गर्नको लागि निर्मित सेवा हो। यसले Observables फर्काउँछ (Promises होइन), RxJS अपरेटरहरूसँग एकीकृत हुन्छ, र टाइप गरिएको प्रतिक्रियाहरू, इन्टरसेप्टरहरू, र त्रुटि सम्हालनलाई समर्थन गर्छ।
{ } ;
{ } ;
({ : })
{
() {}
() {
..<[]>();
}
() {
..<>(, 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 अनुप्रयोगहरूले ब्यাकएन्डसँग कसरी कुरा गर्छन् — टाइप गरिएको, Observable-आधारित, र पुनः प्रयासहरू/फेरीहरू/रूपान्तरणहरूको लागि RxJS सँग रचनात्मक।
यसको Observable प्रकृति (fetch को Promises को तुलनामा) यसलाई Angular को बाँकी भागसँग एकीकृत गर्छ (async pipe, अपरेटरहरू, इन्टरसेप्टरहरू)।
टाइप गरिएको अनुरोधहरू, विकल्पहरू, त्रुटि सम्हालन, र async pipe सँग जोडीलाई जान्नु Angular मा व्यावहारिक रूपमा सबै डेटा-फेचिङ आवश्यकताहरूलाई कभर गर्छ।