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:
import { OnInit, OnDestroy } from '@angular/core';
Să le conectăm la clasă:
export class UserComponent implements OnInit, OnDestroy {
}
Să scriem cele două hook-uri ale noastre:
export class UserComponent implements OnInit, OnDestroy {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
ngOnDestroy() {
console.log('onDestroy is applied');
}
}
Verificați funcționarea ambelor hook-uri pe o condiție
reactivă if.
Verificați funcționarea ambelor hook-uri pe o buclă reactivă.