Storitev je razred za logiko brez uporabniškega vmesnika — pridobivanje podatkov, poslovna pravila, skupno stanje, zapisovanje — ki ga lahko komponente ponovno uporabijo. Dependency Injection (DI) je način, kako Angular zagotavlja te storitve komponentam, ki jih potrebujejo, namesto da bi jih komponente ročno ustvarjale.
{ } ;
({ : })
{
users = [];
() { .; }
() { ..(u); }
}
Dekorator @Injectable({ providedIn: "root" }) registrira storitev v DI sistem Angularja kot enojno skupno instanco (singleton) za celotno aplikacijo.
@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
}
Storitev preprosto deklariraš kot parameter konstruktorja; DI Angularja ustvari in dostavi instanco. Nikoli ne napišeš new UserService(). (Moderni Angular lahko tudi uporabi funkcijo inject() namesto injiciranja skozi konstruktor.)
import { inject } from "@angular/core";
export class UserListComponent {
private userService = inject(UserService); // alternative injection style
}
✓ 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
Ker komponenta ne konstruira svojih odvisnosti, lahko injiciraš lažno storitev pri testiranju ali spremeniš implementacijo na enem mestu za celotno aplikacijo.
Storitve + DI so osrednji del arhitekture Angularja: komponente ostanejo osredotočene na vmesnik, medtem ko storitve vsebujejo logiko in stanje, DI pa jih povezuje s minimalno spremenljivostjo.
Ta ločitev (in testabilnost, ki jo prinaša) je ena od ključnih prednosti Angularja — prevzeta iz backend ogrodij — in @Injectable({ providedIn: 'root' }) je vsakdanji vzorec za skupno, injicljivo singleton instanco.