Ni nini huduma na dependency injection katika Angular?

Question

Accepted Answer

**Huduma** ni darasa kwa **mantiki isiyo na UI** — kupatia data, sheria za biashara, hali iliyoshirikiwa, kuandika — ambayo komponenti zinaweza kurudia. **Dependency Injection (DI)** ni jinsi Angular *inatolea* huduma hizo kwa komponenti zinazozihitaji, badala ya komponenti kuziunda mwenyewe.

## Kubainisha huduma

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

Kiboreshaji `@Injectable({ providedIn: "root" })` kinasajili huduma na mfumo wa DI wa Angular kama kielelezo kimoja kilichoshirikiwa (singleton) kwa programu nzima.

## Kujenga katika sehemu

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

Unakubainisha tu huduma kama kigezo cha konstruktari; DI ya Angular **inaunda na inatoa** kielelezo. Huwezi kuandika `new UserService()`. (Angular ya kisasa pia inaweza kutumia kazi ya `inject()` badala ya kujenga kwa njia ya konstruktari.)

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

## Kwa nini DI ni ya thamani

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

Kwa sababu sehemu haiundi utegemezi wake, unaweza kujenga huduma **bandia** katika majaribio, au kubadilisha utekelezaji katika programu nzima mahali pamoja.

## Kwa nini inastahili

Huduma + DI ni kati ya imani ya uhandisi wa Angular: sehemu zinabaki zenye mitazamo kwenye UI wakati huduma zina mantiki na hali, na DI zinaunganisha kwa ujumuishaji mdogo.

Mgawanyiko huu (na ujangaliani unaoletwa) ni moja ya nguvu za Angular — ikichukuliwa kutoka kwa muundo wa backend — na `@Injectable({ providedIn: 'root' })` ni mfano wa kila siku kwa singleton iliyoshirikiwa na inayojenga.