Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке інжектор компонента (element injector)?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Інжектор компонента (element injector)** - інжектор, який Angular створює для кожного компонента; він відповідає за залежності, доступні тільки цьому компоненту та його нащадкам. **Ключове:** Кожен компонент з власними провайдерами отримує свій екземпляр сервісу, ізольований від інших компонентів.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Інжектор компонента (element injector)** - це інжектор, який Angular створює **для кожного компонента**. Він відповідає за залежності, **доступні тільки цьому компоненту та його дочірнім елементам**. --- ### Як це працює: - кожен компонент під час створення отримує **свій власний інжектор**; - якщо в компоненті вказані провайдери, Angular зберігає їх саме там; - під час пошуку залежності Angular йде **знизу вгору**: спочатку в інжектор компонента, потім - до модульного і кореневого. --- ### Приклад: ```ts @Component({ selector: 'app-user', template: `<p>Профіль</p>`, providers: [UserService] // провайдер на рівні компонента }) export class UserComponent { constructor(private userService: UserService) {} } ``` Тут `UserService` буде створений **тільки для цього компонента**, і кожен новий екземпляр `UserComponent` отримає **свій екземпляр сервісу**. --- ### Навіщо потрібен: - щоб **ізолювати залежності** між компонентами; - щоб кожен компонент міг мати **свій незалежний стан**; - для **оптимізації і тестування** - менше спільних даних. --- **Підсумок:** Інжектор компонента - це локальний контейнер залежностей, який керує сервісами тільки для конкретного компонента і його нащадків.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.