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 کے طور پر declare کرتے ہیں؛ Angular کا DI **instance بناتا اور فراہم کرتا** ہے۔ آپ کبھی `new UserService()` نہیں لکھتے۔ (Modern Angular `inject()` function کو بھی constructor injection کی بجائے استعمال کر سکتا ہے۔)

```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 کو construct نہیں کرتا، آپ tests میں ایک **fake** service inject کر سکتے ہیں، یا implementation کو پورے app میں ایک جگہ تبدیل کر سکتے ہیں۔

## یہ اہم کیوں ہے

Services + DI Angular architecture کے مرکزی ہیں: components UI پر focused رہتے ہیں جبکہ services logic اور state رکھتے ہیں، اور DI انہیں minimal coupling کے ساتھ جوڑتا ہے۔

یہ separation (اور testability جو یہ لاتا ہے) Angular کی defining strengths میں سے ایک ہے — backend frameworks سے لیا گیا — اور `@Injectable({ providedIn: 'root' })` ایک shared، injectable singleton کے لیے روزمرہ کا pattern ہے۔