HttpClient HTTP अनुरोध करने के लिए Angular की बिल्ट-इन सेवा है। यह Observables लौटाता है (Promises नहीं), RxJS ऑपरेटरों के साथ एकीकृत होता है, और टाइप किए गए प्रतिक्रियाएं, इंटरसेप्टर और त्रुटि हैंडलिंग का समर्थन करता है।
{ } ;
{ } ;
({ : })
{
() {}
() {
..<[]>();
}
() {
..<>(, user);
}
() {
..();
}
}
जेनेरिक (<User[]>) प्रतिक्रिया को टाइप करता है। अनुरोध lazy हैं — वे केवल सबस्क्राइब करने पर ही चलते हैं।
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, operators, interceptors) के साथ एकीकृत करती है।
टाइप किए गए अनुरोध, विकल्प, त्रुटि हैंडलिंग, और async पाइप के साथ जोड़ी जाना जानना व्यावहारिक रूप से Angular में सभी डेटा-फेचिंग आवश्यकताओं को कवर करता है।