Ответ
Angular компоненты имеют следующие основные жизненные циклы:
- ngOnChanges - вызывается при изменении входных свойств (
@Input()) - ngOnInit - инициализация компонента (вызывается один раз после первого
ngOnChanges) - ngDoCheck - обнаружение изменений (может вызываться часто)
- ngAfterContentInit - после инициализации контента (вставленного через
<ng-content>) - ngAfterContentChecked - после проверки контента
- ngAfterViewInit - после инициализации дочерних компонентов/директив
- ngAfterViewChecked - после проверки дочерних компонентов
- ngOnDestroy - очистка перед удалением компонента
Пример:
export class MyComponent implements OnInit, OnDestroy {
ngOnInit() {
console.log('Component initialized');
}
ngOnDestroy() {
console.log('Component destroyed');
}
}