Několik hooků v Angular
Lze současně nastavit několik hooků. Podívejme se, jak se to dělá na příkladu dvou již probraných hooků.
Importujeme dvě rozhraní:
import { OnInit, OnDestroy } from '@angular/core';
Připojíme je ke třídě:
export class UserComponent implements OnInit, OnDestroy {
}
Napišme naše dva hooky:
export class UserComponent implements OnInit, OnDestroy {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
ngOnDestroy() {
console.log('onDestroy is applied');
}
}
Ověřte funkčnost obou hooků na reaktivní
podmínce if.
Ověřte funkčnost obou hooků na reaktivním cyklu.