Hook multipli in Angular
È possibile impostare simultaneamente più hook. Vediamo come si fa nell'esempio di due hook già studiati.
Importiamo due interfacce:
import { OnInit, OnDestroy } from '@angular/core';
Colleghiamole alla classe:
export class UserComponent implements OnInit, OnDestroy {
}
Scriviamo i nostri due hook:
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 il funzionamento di entrambi gli hook su una condizione
reattiva if.
Verifica il funzionamento di entrambi gli hook su un ciclo reattivo.