Як компонент отримує залежності через конструктор?
В Angular компонент отримує залежності через Dependency Injection (DI), передаючи їх у конструктор класу.
Принцип роботи
- У конструктор компонента додаються параметри з типами сервісів, які потрібні компоненту.
- Angular перевіряє injector (модуль або компонент), шукає відповідний сервіс і створює його екземпляр (або бере вже наявний).
- Після цього сервіс стає доступним у компоненті через властивість, задану в конструкторі.
Приклад:
typescript
import { Component } from '@angular/core';
import { DataService } from './data.service';
@Component({
selector: 'app-example',
template: `<p>{{ data }}</p>`
})
export class ExampleComponent {
data: string;
constructor(private dataService: DataService) {
this.data = this.dataService.getData();
}
}Висновок: Angular автоматично створює і впроваджує екземпляри сервісів через конструктор, звільняючи розробника від ручного створення залежностей.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.