Skip to main content

Що робить ngAfterViewInit()? Коли він викликається?

AngularJunior~1 хв читання
Запропонувати правку

В Angular ngAfterViewInit() - це lifecycle hook, який викликається один раз після ініціалізації представлення компонента і всіх його дочірніх компонентів.

Основні моменти

  1. Що робить:
  • Дозволяє безпечно працювати з елементами DOM і дочірніми компонентами через @ViewChild або @ViewChildren.
  • Використовується для виконання логіки, яка залежить від повного рендеру компонента та його дочірніх елементів.
  1. Коли викликається:
  • Один раз після першої ініціалізації представлення.
  • Після ngAfterContentInit() і до першої перевірки ngAfterViewChecked().

Приклад:

ts
export class MyComponent implements AfterViewInit { @ViewChild('myInput') input: ElementRef; ngAfterViewInit() { this.input.nativeElement.focus(); // безпечно отримати доступ до DOM console.log('Представлення компонента і дочірні компоненти ініціалізовано'); } }
  • У цей момент усі елементи шаблону та дочірні компоненти вже створені й доступні.

Іншими словами, ngAfterViewInit - це hook для роботи з DOM і дочірніми компонентами після їхньої повної ініціалізації.

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

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

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

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