Cilat janë shërbimet dhe dependency injection në Angular?

Question

Accepted Answer

Një **shërbim** është një klasë për **logjikën jo-UI** — marrje e të dhënave, rregulla biznesi, gjendje e përbashkët, regjistrim — që komponentët mund të ripërdorin. **Dependency Injection (DI)** është mënyra se si Angular *siguron* ato shërbime për komponentët që i kanë nevojë, në vend që komponentët t'i krijojnë ato manualisht.

## Përcaktimi i një shërbimi

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

Dekoruesi `@Injectable({ providedIn: "root" })` regjistron shërbimin me sistemin DI të Angular si një instancë të vetme të përbashkët (singleton) për të gjithë aplikacionin.

## Injektimi i tij në një komponent

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

Tu thjesht deklaron shërbimin si një parametër konstruktori; DI i Angular **krijon dhe furnizon** instancën. Nuk shkruhet asnjëherë `new UserService()`. (Angular modern mund të përdorë gjithashtu funksionin `inject()` në vend të injektimit të konstruktorit.)

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

## Pse DI është i vlefshëm

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

Sepse komponenta nuk e ndërton varësinë e saj, mund të injektosh një shërbim **të rremë** në teste, ose të ndryshosh zbatimin në një vend për të gjithë aplikacionin.

## Pse ka rëndësi

Shërbimet + DI janë thelbësorë për arkitekturën e Angular: komponentët mbeten të fokusuar në UI ndërsa shërbimet mbajnë logjikën dhe gjendjen, dhe DI i lidhë ato me çiftim minimal.

Kjo ndarje (dhe testueshmëria që e sjell) është një nga pikat e forta përcaktuese të Angular — e marrë nga kornizat backend — dhe `@Injectable({ providedIn: 'root' })` është modeli i përditshëm për një singleton të përbashkët dhe të injektuar.