Služba je třída pro non-UI logiku — načítání dat, obchodní pravidla, sdílený stav, logging — kterou mohou komponenty opakovaně používat. Vkládání závislostí (Dependency Injection) je způsob, jak Angular poskytuje tyto služby komponentám, které je potřebují, místo toho, aby je komponenty vytvářely ručně.
{ } ;
({ : })
{
users = [];
() { .; }
() { ..(u); }
}
Dekorátor @Injectable({ providedIn: "root" }) registruje službu v DI systému Angular jako jednu sdílenou instanci (singleton) pro celou aplikaci.
@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
}
Pouze deklarujete službu jako parametr konstruktoru; DI Angular vytvoří a poskytne instanci. Nikdy nenapíšete new UserService(). (Moderní Angular může také používat funkci inject() místo constructor injection.)
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
Protože komponenta nevytváří své závislosti, můžete v testech vložit falešnou službu, nebo změnit implementaci v celé aplikaci na jednom místě.
Služby + DI jsou ústředními prvky architektury Angular: komponenty zůstávají zaměřeny na UI, zatímco služby držují logiku a stav, a DI je spojuje dohromady s minimálním provázáním.
Toto oddělení (a testovatelnost, kterou přináší) je jednou z definujících silných stránek Angular — půjčené z backendových frameworků — a @Injectable({ providedIn: 'root' }) je každodenním vzorem pro sdílený, vkládaný singleton.