События и жизненный цикл
В ходе выполнения приложения происходят различные изменения и процессы, которые составляют жизненный цикл приложения. 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);
}
Установка и первый запуск Angular
TypeScript, Bootstrap, Main.ts
Создание компонентов в Angular
Шаблон и стили компонента
Компонент и данные
События
Динамические шаблоны в Angular
Angular CSS и Style
Директива ngFor
Компонент и модель
Связывание свойств и событий
Инкапсуляция стилей и ссылки
ng-content
События и жизненный цикл
Навигация. Передача данных событиями
Директива атрибута
HostListener и HostBinding
Binding свойств директив
Структурные директивы
Сервисы
JavaScript операторы
Route. Переключения и параметры
Route. Вынос настроек роутера
Route. Защита роутера
Route. Контроль навигации с помощью сервиса
Route передача статичных данных
Route Resolving
Route. Обновление шаблона
Observable. Subscribe и Unsubscribe
Subject
Формы в Angular
Формы. Шаблонный подход.
Формы. Реактивный подход.
Похожие материалы
Обновление шаблона при динамическом роутинге и отписка от наблюдения
Stream и работа с Observable в Angular. Пример отписки в ngOnDestroy()
Angilar создание обычных и вложенных компонентов через CLI. Описание модели.
