Paslauga (service) yra klasė ne UI logikai — duomenų paėmimui, verslo taisyklėms, bendrai būsenai, registravimui — kurią komponentai gali naudoti iš naujo. Priklausomybės injekcija (DI) yra tai, kaip Angular teikia tas paslaugas komponentams, kuriems jos reikalingos, vietoje to, kad komponentai jas kurstų patys.
{ } ;
({ : })
{
users = [];
() { .; }
() { ..(u); }
}
@Injectable({ providedIn: "root" }) dekoratorius registruoja paslaugą Angular DI sistemoje kaip vieną bendrą instancę (singleton) visai programai.
@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
}
Jūs paprasčiausiai deklaruojate paslaugą kaip konstruktoriaus parametrą; Angular DI sukuria ir teikia instancę. Jūs niekada nerašote new UserService(). (Šiuolaikinis Angular taip pat gali naudoti inject() funkciją vietoje konstruktoriaus injekcijos.)
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
Kadangi komponentas nesukuria savo priklausomybių, testuose galite injekcuoti suklastotą paslaugą arba pakeisti realizaciją visoje programoje viename vietoje.
Paslaugos + DI yra centrinės Angular architektūrai: komponentai lieka sutelkti į UI, o paslaugos laiko logiką ir būseną, o DI jas sujungia su minimaliomis ryšiais.
Šis atskyrimas (ir testavimo galimybės, kurias jis suteikia) yra vienas iš Angular apibrėžiančių stiprybių — paimta iš serverinės pusės sąrangos — ir @Injectable({ providedIn: 'root' }) yra kasdieninis bendros, injekcuojamos singleton paslaugos šablonas.