Apa sawijining services lan dependency injection ing Angular?

Question

Accepted Answer

A **service** punika kelas kanggo **non-UI logic** — pengambilan data, aturan bisnis, status gabungan, logging — sing bisa dibaleni komponèn. **Dependency Injection (DI)** yaiku cara Angular *nyedhiyakake* sawijining services menyang komponèn sing perlu, tinimbang komponèn nggawe dewe.

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

Dekorator `@Injectable({ providedIn: "root" })` nandaftarake sawijining service menyang sistem DI Angular minangka sawijining instans gabungan (singleton) kanggo kabèh aplikasi.

## Injeksi menyang sawijining komponèn

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

Sampeyan mung ngumumake sawijining service minangka parametr konstruktor; DI Angular **nggawe lan nyedhiyakake** instans kasebut. Sampeyan ora perlu nulis `new UserService()`. (Angular modern bisa uga nganggo fungsi `inject()` tinimbang injeksi konstruktor.)

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

## Kenapa DI iku berharga

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

Amarga komponèn ora nggawa dependensi, Sampeyan bisa injeksi sawijining **fake** service ing tes, utawa ngganti implementasine app-wide ing siji papan.

## Kenapa iku penting

Services + DI punika bagian saka arkitektur Angular: komponèn isih fokus ing UI dene services nduwe logika lan status, lan DI ngiket mawa coupling minimal.

Pisahan iki (lan testability sing ditindakake) yaiku salah sawijining kekuatan Angular sing khas — dipupukur saka kerangka backend — lan `@Injectable({ providedIn: 'root' })` yaiku pola saben dina kanggo sawijining gabungan, injectable singleton.