Angular में services और dependency injection क्या हैं?

Question

Accepted Answer

एक **service** एक ऐसी class है जो **non-UI logic** के लिए होती है — data fetching, business rules, shared state, logging — जिसे components दोबारा उपयोग कर सकते हैं। **Dependency Injection (DI)** वह तरीका है जिससे Angular उन services को उन components तक *पहुँचाता* है जिन्हें उनकी जरूरत होती है, बजाय इसके कि components उन्हें खुद बनाएँ।

## Service परिभाषित करना

```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" })` decorator service को Angular के DI system में पूरे app के लिए एक single shared instance (singleton) के रूप में register करता है।

## इसे किसी component में inject करना

```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
}
```

आप बस service को एक constructor parameter के रूप में घोषित करते हैं; Angular का DI उस instance को **बनाता और प्रदान करता** है। आपको कभी `new UserService()` नहीं लिखना पड़ता। (आधुनिक Angular constructor injection के बजाय `inject()` function का भी उपयोग कर सकता है।)

```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
```

चूँकि component अपनी dependencies खुद नहीं बनाता, आप tests में एक **fake** service inject कर सकते हैं, या पूरे app में implementation को एक ही जगह बदल सकते हैं।

## यह क्यों महत्वपूर्ण है

Services + DI Angular architecture का केंद्र हैं: components UI पर केंद्रित रहते हैं जबकि services logic और state रखती हैं, और DI उन्हें न्यूनतम coupling के साथ जोड़ता है।

यह पृथक्करण (और इससे मिलने वाली testability) Angular की प्रमुख ताकतों में से एक है — जो backend frameworks से ली गई है — और `@Injectable({ providedIn: 'root' })` एक shared, injectable singleton के लिए रोजमर्रा का pattern है।