Перейти к содержанию

События и жизненный цикл

В ходе выполнения приложения происходят различные изменения и процессы, которые составляют жизненный цикл приложения. 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);
}