> В каком порядке вызываются хуки в родительских и дочерних компонентах Angular (Angular)

В Angular порядок вызова хуков жизненного цикла строго определён и следует иерархии компонентов: сначала отрабатывают хуки родительского компонента, затем дочернего, за исключением ngOnDestroy, где порядок обратный.

Конкретная последовательность для родителя и ребёнка:

1. Родитель: constructor → ngOnChanges (если есть входные параметры) → ngOnInit → ngDoCheck

2. Ребёнок: constructor → ngOnChanges → ngOnInit → ngDoCheck

3. Родитель: ngAfterContentInit → ngAfterContentChecked

4. Ребёнок: ngAfterViewInit → ngAfterViewChecked

5. Родитель: ngAfterViewInit → ngAfterViewChecked

Ключевые моменты:

• ngOnInit родителя вызывается до ngOnInit ребёнка.

• ngAfterViewInit ребёнка вызывается до ngAfterViewInit родителя - это важно для доступа к ViewChild.

• При уничтожении порядок обратный: сначала ngOnDestroy у ребёнка, затем у родителя.

Пример: если у родителя есть дочерний компонент <app-child>, то при инициализации сначала сработает ngOnInit родителя, потом ngOnInit ребёнка, а ngAfterViewInit - сначала у ребёнка, потом у родителя.