Skip to main content

Які хуки життєвого циклу підтримують директиви?

Директиви в Angular підтримують майже ті самі хуки життєвого циклу, що й компоненти, за винятком деяких, пов'язаних із view-шаблоном (оскільки директива не має власного шаблону).

Основні хуки для директив

  1. ngOnChanges(changes) - викликається при зміні вхідних властивостей (@Input).
  2. ngOnInit() - один раз після першої ініціалізації вхідних властивостей.
  3. ngDoCheck() - викликається під час кожного циклу виявлення змін.
  4. ngAfterContentInit() - після вставлення вмісту (<ng-content>), якщо директива використовується на компоненті з проєкцією вмісту.
  5. ngAfterContentChecked() - після кожної перевірки вставленого вмісту.
  6. ngOnDestroy() - перед видаленням директиви з елемента, для очищення ресурсів і відписки від подій.

Висновок: директиви мають майже повний набір lifecycle hooks компонентів, але хуки, пов'язані з view (ngAfterViewInit, ngAfterViewChecked) застосовуються лише до компонентів, оскільки директива не має власного шаблону.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.