В ходе выполнения приложения происходят различные изменения и процессы, которые составляют жизненный цикл приложения. 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);
}
Централизация логики и упрощение коммуникации между компонентами с помощью сервисов.
Жизненный цикл приложения и события в Angular
Использование класса Subject для создания сервиса, реализующего observable и observer в Angular