Как декораторы @Optional, @Self, @SkipSelf и @Host влияют на поиск зависимости в иерархии инжекторов?

Angular использует иерархическую систему внедрения зависимостей: у каждого компонента, директивы и модуля есть свой инжектор, а поиск провайдера по умолчанию идёт снизу вверх — от текущего инжектора к родительским, вплоть до корневого. Декораторы-модификаторы меняют это поведение, ограничивая область поиска или разрешая отсутствие зависимости.

Основные модификаторы

• @Optional — если провайдер не найден, Angular не бросает ошибку, а передаёт null. Полезно для необязательных сервисов.
• @Self — ищет зависимость только в инжекторе текущего компонента/директивы. Если её там нет — ошибка (или null с @Optional).
• @SkipSelf — пропускает текущий инжектор и начинает поиск с родительского. Часто применяется, чтобы избежать рекурсии при внедрении сервиса в самого себя.
• @Host — останавливает поиск на хост-компоненте (том, в шаблоне которого используется текущий компонент/директива). Выше хоста поиск не идёт.

Пример использования

@Component({ selector: 'child', template: '' })
export class ChildComponent {
  constructor(
    @Optional() private logger?: LoggerService,
    @SkipSelf() private parentService: ParentService,
    @Self() @Optional() private localService?: LocalService,
    @Host() private hostService: HostService
  ) {}
}

В этом примере logger может быть null, parentService ищется начиная с родителя, localService — только в текущем инжекторе, а hostService — не выше хост-компонента.

Когда это важно

Модификаторы критичны при построении библиотек, где нужно контролировать, откуда берётся зависимость, и избегать неожиданного перехвата провайдеров родительскими компонентами. Они также помогают реализовать паттерны вроде «локального» сервиса или опциональной конфигурации.

Итог: применяйте эти декораторы, когда стандартного поиска снизу вверх недостаточно — например, чтобы ограничить область видимости, разрешить отсутствие зависимости или избежать циклического внедрения.