Angular-এ শ্রেণিবদ্ধ নির্ভরতা ইনজেকশন কীভাবে কাজ করে?

Question

Accepted Answer

Angular-এর DI **শ্রেণিবদ্ধ**: ইনজেক্টররা একটি গাছ গঠন করে যা কম্পোনেন্ট/মডিউল গাছ প্রতিফলিত করে। যখন একটি কম্পোনেন্ট একটি নির্ভরতা অনুরোধ করে, Angular ইনজেক্টর গাছের **উপরে** চলে যতক্ষণ না এটি একটি প্রোভাইডার খুঁজে পায় — যা নিয়ন্ত্রণ করে আপনি একটি ভাগ করা singleton পান বা প্রতিটি কম্পোনেন্টের জন্য একটি আলাদা instance পান। ## ইনজেক্টর শ্রেণিবিন্যাস ```text Root injector (app-wide) ← providedIn: 'root' lives here (one singleton) └─ Module/Route injectors └─ Component injector ← providers: [...] in @Component └─ Child component injector ``` একটি অনুসন্ধান অনুরোধকারী কম্পোনেন্ট থেকে শুরু হয় এবং রুট পর্যন্ত বুদ্বুদ হয়। **প্রথম** পাওয়া প্রোভাইডার জয়ী হয়। ## যেখানে আপনি প্রদান করেন তা সুযোগ নির্ধারণ করে ```ts // 1. App-wide singleton — ONE instance shared everywhere @Injectable({ providedIn: "root" }) export class AuthService {} // 2. Component-scoped — a NEW instance per component (and its children) @Component({ selector: "app-widget", providers: [DataService], // each gets its OWN DataService }) export class WidgetComponent {} ``` এটি মূল লিভার: `providedIn: 'root'` একটি একক ভাগ করা instance দেয়; একটি প্রোভাইডার একটি কম্পোনেন্টের `providers` অ্যারেতে তালিকাভুক্ত করা সেই কম্পোনেন্ট সাবট্রি-তে সীমাবদ্ধ একটি নতুন instance তৈরি করে (প্রতিটি কম্পোনেন্টের জন্য অবস্থা বিচ্ছিন্ন করার জন্য দরকারী)। ## ইনজেকশন পরিবর্তক ```ts constructor( @Optional() private logger: Logger, // null instead of error if not provided @Self() private local: LocalService, // only look in THIS injector @SkipSelf() private parent: ParentService, // skip self, start at the parent @Host() private host: HostService, // stop at the host component ) {} ``` এই ডেকোরেটরগুলি নিয়ন্ত্রণ করে Angular ইনজেক্টর গাছ কতদূর অনুসন্ধান করে — যেমন `@Optional` একটি নির্ভরতা অনুপস্থিত থাকলে একটি ত্রুটি এড়ায়, `@SkipSelf` পিতামাতার instance ব্যবহার করতে বাধ্য করে। ## অ-ক্লাস নির্ভরতার জন্য ইনজেকশন টোকেন ```ts export const API_URL = new InjectionToken("apiUrl"); // provide: { provide: API_URL, useValue: "https://api.example.com" } constructor(@Inject(API_URL) private apiUrl: string) {} ``` টোকেনগুলি আপনাকে মান/কনফিগ ইনজেক্ট করতে দেয় (শুধু ক্লাস নয়) এবং বাস্তবায়ন অদলবদল করে (`useClass`, `useValue`, `useFactory`)। ## কেন এটি গুরুত্বপূর্ণ শ্রেণিবদ্ধ ইনজেক্টর বোঝা ব্যাখ্যা করে *কেন* একটি সেবা অ্যাপ-ব্যাপী ভাগ করা হয় বনাম প্রতিটি কম্পোনেন্টে প্রতিলিপিত হয় — "কেন এই কম্পোনেন্টগুলি অবস্থা ভাগ করে/ভাগ করে না?" বিভ্রান্তির একটি ঘন ঘন উৎস। প্রোভাইডার সুযোগ নিয়ন্ত্রণ করা (`root` বনাম কম্পোনেন্ট `providers`), পরিবর্তক ব্যবহার করা (`@Optional`, `@SkipSelf`), এবং কনফিগ/অদলবদলযোগ্য বাস্তবায়নের জন্য ইনজেকশন টোকেন হল যা Angular-এর DI-কে আর্কিটেকচার এবং পরীক্ষার জন্য শক্তিশালী করে তোলে।