В ходе выполнения приложения происходят различные изменения и процессы, которые составляют жизненный цикл приложения. Angular позволяет запускать определенный код, когда наступает какое-либо событие.

Часто используемые события:

• ngOnChanges
• ngOnInitngDoCheck
• ngAfterContentInit
• ngAfterContentChecked
• ngAfterViewInit
• ngAfterViewChecked
• ngOnDestroy

Хорошей практикой является применение интерфейсов используемых событий:

 
import { Component, OnInit, OnChanges, EventEmitter, Output, ViewChild, ElementRef } from '@angular/core';

export class CockpitComponent implements OnInit, ngOnChanges {
    //...
}
  

ngOnChanges принимает аргумент, импортируйте SimpleChanges из @angular/core и укажите тип объекта в методе

 
ngOnChanges(changes: SimpleChanges) {
  console.log(changes);
}