Запропонувати правку

Покращити цю статтю

Допрацюйте відповідь до «Що таке провайдер (Provider)?». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

**Провайдер (Provider)** - це інструкція для Angular, **як створювати або де брати залежність**, коли її запитують через DI.

Якщо просто:
провайдер - це **правило**, яке каже інжектору:

> «Якщо хтось попросить ось цей сервіс - дай йому ось такий об'єкт».

---

### Приклад:

```ts
import { Injectable } from '@angular/core';

@Injectable({ providedIn: 'root' })
export class UserService {}
```

Тут `providedIn: 'root'` - це і є **провайдер**.
Він каже Angular: *створи один екземпляр* `UserService` *у кореневому інжекторі.*

---

### Провайдер можна задати вручну:

```ts
providers: [
  { provide: UserService, useClass: UserService }
]
```

або, наприклад:

```ts
providers: [
  { provide: 'API_URL', useValue: 'https://api.example.com' }
]
```

---

### Що робить провайдер:

- каже, **який токен** (ключ) використовувати (`UserService`, `'API_URL'` тощо);
- пояснює, **що повернути** (`useClass`, `useValue`, `useExisting`, `useFactory`);
- повідомляє, **де реєструвати** - у модулі, компоненті чи на рівні застосунку.

---

**Підсумок:**
Провайдер - це спосіб повідомити Angular, *як саме створювати або підставляти залежність*, коли вона потрібна.

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати158 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.