Angular-এ সার্ভিস এবং ডিপেন্ডেন্সি ইনজেকশন কী?

Question

Accepted Answer

একটি **সার্ভিস** হল **অ-UI লজিক**-এর জন্য একটি class — ডেটা ফেচিং, ব্যবসায়িক নিয়ম, শেয়ার করা অবস্থা, logging — যা কম্পোনেন্টগুলি পুনরায় ব্যবহার করতে পারে। **ডিপেন্ডেন্সি ইনজেকশন (DI)** হল কীভাবে Angular সেই সার্ভিসগুলি কম্পোনেন্টগুলিকে *প্রদান করে* যাদের সেগুলির প্রয়োজন, কম্পোনেন্টগুলিকে ম্যানুয়ালি তৈরি করার পরিবর্তে।

## সার্ভিস সংজ্ঞায়িত করা

```ts
import { Injectable } from "@angular/core";

@Injectable({ providedIn: "root" }) // makes it a singleton available app-wide
export class UserService {
  private users = [];
  getUsers() { return this.users; }
  addUser(u) { this.users.push(u); }
}
```

ডেকোরেটর `@Injectable({ providedIn: "root" })` সার্ভিসটিকে Angular-এর DI সিস্টেমের সাথে একটি একক শেয়ার করা ইনস্ট্যান্স (singleton) হিসাবে সম্পূর্ণ অ্যাপ্লিকেশনের জন্য রেজিস্টার করে।

## এটি একটি কম্পোনেন্টে ইনজেক্ট করা

```ts
@Component({ ... })
export class UserListComponent {
  // Angular sees this constructor param and INJECTS the singleton automatically
  constructor(private userService: UserService) {}

users = this.userService.getUsers(); // just use it
}
```

আপনি সহজেই সার্ভিসটিকে constructor প্যারামিটার হিসাবে ঘোষণা করেন; Angular-এর DI **ইনস্ট্যান্সটি তৈরি এবং সরবরাহ করে**। আপনি কখনও `new UserService()` লিখবেন না। (আধুনিক Angular constructor injection-এর পরিবর্তে `inject()` ফাংশনও ব্যবহার করতে পারে।)

```ts
import { inject } from "@angular/core";
export class UserListComponent {
  private userService = inject(UserService); // alternative injection style
}
```

## DI কেন মূল্যবান

```text
✓ Single source of truth — one shared UserService instance across components
✓ Loose coupling — components depend on the type, not on constructing it
✓ Testability — swap in a mock service in tests easily
✓ Lifecycle management — Angular handles creation and sharing
```

কারণ কম্পোনেন্ট তার ডিপেন্ডেন্সিগুলি তৈরি করে না, আপনি পরীক্ষায় একটি **নকল** সার্ভিস ইনজেক্ট করতে পারেন, বা এক জায়গায় অ্যাপ-ব্যাপী বাস্তবায়ন পরিবর্তন করতে পারেন।

## এটি কেন গুরুত্বপূর্ণ

সার্ভিস + DI Angular আর্কিটেকচারের কেন্দ্রবিন্দু: কম্পোনেন্টগুলি UI-তে মনোনিবেশ করে থাকে যখন সার্ভিসগুলি লজিক এবং অবস্থা রাখে, এবং DI সেগুলিকে ন্যূনতম কাপলিং সহ একসাথে সংযুক্ত করে।

এই বিভাজন (এবং যে পরীক্ষাযোগ্যতা এটি নিয়ে আসে) Angular-এর সংজ্ঞায়িত শক্তিগুলির মধ্যে একটি — backend frameworks-এর থেকে ধার করা — এবং `@Injectable({ providedIn: 'root' })` হল একটি শেয়ার করা, ইনজেক্টযোগ্য singleton-এর দৈনন্দিন প্যাটার্ন।