Skip to main content

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

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

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

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

Що робить:

Дозволяє реагувати на зміни даних, переданих від батьківського компонента.
Отримує об'єкт changes: SimpleChanges, у якому можна побачити старе і нове значення кожної зміненої властивості.

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

До ngOnInit() - при першій передачі значень вхідних властивостей.
Щоразу, коли змінюються значення @Input після ініціалізації компонента.

Приклад:

ts

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

  ngOnChanges(changes: SimpleChanges) {
    console.log('Вхідні дані змінилися:', changes);
  }
}

Якщо name зміниться в батьківському компоненті, Angular викличе ngOnChanges і покаже старе і нове значення.

Іншими словами, ngOnChanges - це спосіб відстежити та обробити зміни вхідних даних компонента.

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

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

Premium

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