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-এ ব্যবহারিকভাবে সমস্ত ডেটা-ফেচিং চাহিদা কভার করে।