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

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

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

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

Контент

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

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

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

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

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

Ключ `useFactory` каже Angular:

> «Створи залежність за допомогою моєї функції (фабрики), а не просто через клас чи значення.»

---

### Приклад:

```ts
providers: [
  {
    provide: 'API_URL',
    useFactory: () => {
      return window.location.hostname === 'localhost'
        ? 'http://localhost:3000'
        : 'https://api.example.com';
    }
  }
]
```

Тут Angular під час запуску викличе цю функцію і підставить її результат (`API_URL`) у залежності.

---

### Коли це потрібно:

- коли значення потрібно **обчислити динамічно**;
- коли воно залежить від умов (середовища, налаштувань, токена тощо);
- коли потрібно використати інші залежності всередині фабрики.

---

### Приклад із залежністю:

```ts
providers: [
  {
    provide: ConfigService,
    useFactory: (apiUrl: string) => new ConfigService(apiUrl),
    deps: ['API_URL'] // залежності для фабрики
  }
]
```

---

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

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

Для рев’юера

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

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