Vários Hooks no Angular
É possível definir vários hooks simultaneamente. Vamos ver como isso é feito usando o exemplo de dois hooks que já estudamos.
Vamos importar duas interfaces:
import { OnInit, OnDestroy } from '@angular/core';
Vamos conectá-las à classe:
export class UserComponent implements OnInit, OnDestroy {
}
Vamos escrever nossos dois 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');
}
}
Verifique a operação de ambos os hooks em uma
condição reativa if.
Verifique a operação de ambos os hooks em um loop reativo.