Múltiples hooks en Angular
Es posible definir múltiples hooks simultáneamente. Veamos cómo se hace esto usando como ejemplo dos hooks que ya hemos estudiado.
Importemos dos interfaces:
app/user/user.component.tsimport { OnInit, OnDestroy } from '@angular/core';
Conectémoslas a la clase:
app/user/user.component.tsexport class UserComponent implements OnInit, OnDestroy {
}
Escribamos nuestros dos hooks:
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
Compruebe el funcionamiento de ambos hooks en una condición
reactiva if.
Задание 2
Compruebe el funcionamiento de ambos hooks en un ciclo reactivo.