События и жизненный цикл
В ходе выполнения приложения происходят различные изменения и процессы, которые составляют жизненный цикл приложения. Angular позволяет запускать определенный код, когда наступает какое-либо событие.
Часто используемые события:
ngOnChangesngOnInitngDoCheckngAfterContentInitngAfterContentCheckedngAfterViewInitngAfterViewCheckedngOnDestroy
Хорошей практикой является применение интерфейсов используемых событий:
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);
}
Похожие материалы
Создание кастомных событий и их обработчиков. Импорт свойств родительского компонента.
В данном руководстве рассмотрим двухстороннее связывание данных. Создание динамических шаблонов, меняющих свое состояние в зависимости от действий пользователя, с помощью двухстороннего связывания данных и директивы ngIf.
Angilar создание обычных и вложенных компонентов через CLI. Описание модели.
