Több hook egyszerre az Angularban
Egyszerre több hook-ot is megadhatunk. Nézzük meg, hogyan is történik ez két már tanult hook példáján.
Importáljuk a két interfészt:
import { OnInit, OnDestroy } from '@angular/core';
Vegyük fel őket az osztályba:
export class UserComponent implements OnInit, OnDestroy {
}
Írjuk meg a két hook-unkat:
export class UserComponent implements OnInit, OnDestroy {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
ngOnDestroy() {
console.log('onDestroy is applied');
}
}
Ellenőrizd mindkét hook működését egy reaktív
if feltétel segítségével.
Ellenőrizd mindkét hook működését egy reaktív ciklusban.