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

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

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

Похожие материалы

Angilar создание обычных и вложенных компонентов через CLI. Описание модели.

Стилилизация компонента в Angular, способы определения стилей, подключени внешнего файла стилей, вынесение кода шаблона во внешний файл html

Использование декораторов HostListener и HostBinding для реагирования на события и работы со стилями в Angular

наверх