Τι είναι οι υπηρεσίες και η εισχώρηση εξάρτησης στο Angular;

Question

Accepted Answer

Μια **υπηρεσία** είναι μια κλάση για **λογική εκτός ΜΠ** — ανάκτηση δεδομένων, επιχειρησιακοί κανόνες, κοινή κατάσταση, logging — που οι συνιστώσες μπορούν να επαναχρησιμοποιήσουν. Η **Εισχώρηση Εξάρτησης (Dependency Injection)** είναι ο τρόπος με τον οποίο το 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" })` καταχωρεί την υπηρεσία στο σύστημα DI του Angular ως μία μόνο κοινή παρουσία (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
}
```

Απλώς δηλώνετε την υπηρεσία ως παράμετρο κατασκευής· το DI του Angular **δημιουργεί και παρέχει** την παρουσία. Ποτέ δεν θα γράψετε `new UserService()`. (Το σύγχρονο Angular μπορεί επίσης να χρησιμοποιήσει τη συνάρτηση `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: οι συνιστώσες παραμένουν ενικές στο ΜΠ ενώ οι υπηρεσίες διατηρούν τη λογική και την κατάσταση, και η DI τις συνδέει με ελάχιστη σύζευξη.

Αυτή η διαχωρισμό (και η δοκιμαστικότητα που φέρνει) είναι ένα από τα καθοριστικά σημεία δύναμης του Angular — δανεισμένο από backend frameworks — και `@Injectable({ providedIn: 'root' })` είναι το καθημερινό μοτίβο για ένα κοινό, εισχωρημένο singleton.