Можете объяснить, что такое жизненный цикл компонента в Angular?

Жизненный цикл компонента в Angular — это последовательность этапов, через которые проходит компонент от создания до уничтожения. Angular предоставляет специальные хуки (методы), которые позволяют выполнять код на каждом из этих этапов.

Основные хуки жизненного цикла:

• ngOnInit() — вызывается после инициализации входных свойств компонента, обычно используется для начальной настройки.
• ngOnChanges(changes) — вызывается при изменении входных свойств компонента.
• ngDoCheck() — вызывается при каждой проверке изменений, позволяет реализовать собственную логику обнаружения изменений.
• ngAfterViewInit() — вызывается после инициализации представления компонента и его дочерних компонентов.
• ngOnDestroy() — вызывается перед уничтожением компонента, используется для очистки ресурсов, отписки от событий и т.п.

Пример:

import { Component, OnInit, OnDestroy } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `<p>Пример компонента</p>`
})
export class ExampleComponent implements OnInit, OnDestroy {
  ngOnInit() {
    console.log('Компонент инициализирован');
  }

  ngOnDestroy() {
    console.log('Компонент уничтожается');
  }
}

Таким образом, жизненный цикл помогает управлять состоянием компонента и ресурсами в приложении.