Сервис — это класс для логики, не связанной с UI — получение данных, бизнес-правила, общее состояние, логирование — который компоненты могут переиспользовать. Dependency Injection (DI) — это способ, которым Angular предоставляет эти сервисы компонентам, которые их нужны, вместо того, чтобы компоненты создавали их вручную.
{ } ;
({ : })
{
users = [];
() { .; }
() { ..(u); }
}
Декоратор @Injectable({ providedIn: "root" }) регистрирует сервис в системе DI Angular как единый общий экземпляр (singleton) для всего приложения.
@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
}
Вы просто объявляете сервис как параметр конструктора; DI Angular создает и предоставляет экземпляр. Вы никогда не пишете new UserService(). (Современный Angular может также использовать функцию inject() вместо внедрения через конструктор.)
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
Поскольку компонент не конструирует свои зависимости, вы можете внедрить поддельный сервис в тестах или изменить реализацию приложения в одном месте.
Сервисы + DI — это центральные элементы архитектуры Angular: компоненты остаются сосредоточены на UI, а сервисы содержат логику и состояние, а DI соединяет их с минимальной связанностью.
Это разделение (и тестируемость, которое оно обеспечивает) — одна из определяющих сильных сторон Angular — заимствованная из backend-фреймворков — и @Injectable({ providedIn: 'root' }) — это повседневный паттерн для общего, инъектируемого синглтона.