Angular मध्ये सेवाएं (Services) आणि dependency injection म्हणजे काय?

Question

Accepted Answer

A **service** हा एक क्लास आहे **non-UI logic** साठी — डेटा fetch करणे, business rules, shared state, logging — जी components पुन्हा वापरू शकतात. **Dependency Injection (DI)** हा Angular चा तरीका आहे *प्रदान करण्यासाठी* त्या सेवाएं components ला जी त्यांना हवी आहेत, components ला स्वतः तयार करण्याऐवजी.

## सेवा परिभाषित करणे

```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 ही सेवा Angular च्या DI system ला नोंदणी करतो एकल shared instance (singleton) म्हणून संपूर्ण ऍपसाठी.

## त्याला component मध्ये इंजेक्ट करणे

```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 parameter म्हणून घोषित करा; Angular च्या DI **तयार करते आणि पुरवठा करते** instance. आप कधीही `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
```

कारण component ला त्याचे dependencies तयार करायची नाहीत, आप tests मध्ये **fake** सेवा इंजेक्ट करू शकता, किंवा implementation app-wide एक जागेवर बदलू शकता.

## हे का महत्वाचे आहे

Services + DI Angular architecture च्या मध्यभागी आहेत: components UI वर लक्ष केंद्रित राहतात तर services logic आणि state राखतात, आणि DI त्यांना minimal coupling सह एकत्र करतो.

हा separation (आणि तो testability जो तो आणतो) हा Angular च्या परिभाषित शक्तींपैकी एक आहे — backend frameworks कडून उधार घेतलेला — आणि `@Injectable({ providedIn: 'root' })` हा रोजचा pattern आहे shared, injectable singleton साठी.