Palvelu on luokka ei-UI-logiikalle — tiedonsaanti, liiketoimintasäännöt, jaettu tila, lokitus — jonka komponentit voivat käyttää uudelleen. Riippuvuuksien injektio (DI) on se, miten Angular toimittaa nämä palvelut komponenteille, jotka niitä tarvitsevat, sen sijaan, että komponentit luoisivat ne manuaalisesti.
{ } ;
({ : })
{
users = [];
() { .; }
() { ..(u); }
}
Dekoraattori @Injectable({ providedIn: "root" }) rekisteröi palvelun Angularin DI-järjestelmään yksittäisenä jaettuna instanssina (singleton) koko sovellukselle.
@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
}
Yksinkertaisesti julistat palvelun rakentajan parametriksi; Angularin DI luo ja toimittaa instanssin. Et koskaan kirjoita new UserService(). (Moderni Angular voi myös käyttää inject()-funktiota rakentajan injektioinnin sijaan.)
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
Koska komponentti ei luo riippuvuuksiaan, voit injektoida väärennöspalvelun testeissä tai muuttaa toteutusta koko sovelluksessa yhdessä paikassa.
Palvelut + DI ovat Angularin arkkitehtuurin keskiössä: komponentit pysyvät UI:hin keskittyneenä kun palvelut sisältävät logiikan ja tilan, ja DI yhdistää ne minimaalisen kytkennän kanssa.
Tämä erottelu (ja se testaavuus, jonka se tuo mukanaan) on yksi Angularin määrittelevistä vahvuuksista — lainattu backend-frameworkeista — ja @Injectable({ providedIn: 'root' }) on jokapäiväinen malli jaetusta, injekteeritavasta singletonista.