Plusieurs hooks dans Angular
Il est possible de définir plusieurs hooks simultanément. Voyons comment cela se fait sur l'exemple de deux hooks déjà étudiés.
Importons deux interfaces :
import { OnInit, OnDestroy } from '@angular/core';
Connectons-les à la classe :
export class UserComponent implements OnInit, OnDestroy {
}
Écrivons nos deux hooks :
export class UserComponent implements OnInit, OnDestroy {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
ngOnDestroy() {
console.log('onDestroy is applied');
}
}
Vérifiez le fonctionnement des deux hooks sur une condition
réactive if.
Vérifiez le fonctionnement des deux hooks sur une boucle réactive.
