Mai multe Hook-uri în Angular

Este posibil să definim simultan mai multe hook-uri. Să vedem cum se face acest lucru cu exemplul a două hook-uri deja studiate.

Importăm două interfețe:

app/user/user.component.tsimport { OnInit, OnDestroy } from '@angular/core';

Să le conectăm la clasă:

app/user/user.component.tsexport class UserComponent implements OnInit, OnDestroy {
  
}

Să scriem cele două hook-uri ale noastre:

app/user/user.component.tsexport class UserComponent implements OnInit, OnDestroy {
  constructor() {
    console.log('constructor is started');
  }
  
  ngOnInit() {
    console.log('onInit is applied');
  }
  
  ngOnDestroy() {
    console.log('onDestroy is applied');
  }
}
Задание 1

Verificați funcționarea ambelor hook-uri pe o condiție reactivă if.

Задание 2

Verificați funcționarea ambelor hook-uri pe o buclă reactivă.