Skip to main content

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

AngularJunior~1 хв читання

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

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

Що робить:

Використовується для ініціалізації логіки компонента після того, як усі вхідні дані вже доступні.
Підходить для завантаження даних, налаштування початкового стану, виклику сервісів.

Коли викликається:

Один раз після першої передачі значень вхідних властивостей і перед першим рендером компонента.
Викликається після ngOnChanges(), якщо є вхідні властивості.

Приклад:

ts

export class ChildComponent implements OnInit {
  @Input() name: string;

  ngOnInit() {
    console.log('Компонент ініціалізовано, name:', this.name);
  }
}

У цей момент name вже містить значення, передане батьківським компонентом.

Іншими словами, ngOnInit - це місце для початкового налаштування компонента, коли всі дані вже доступні, і він виконується лише один раз.

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

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

Premium

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