Wiele hooków w Angularze
Można jednocześnie zdefiniować wiele hooków. Spójrzmy, jak to się robi na przykładzie dwóch już poznanych hooków.
Zaimportujmy dwa interfejsy:
import { OnInit, OnDestroy } from '@angular/core';
Podłączmy je do klasy:
export class UserComponent implements OnInit, OnDestroy {
}
Napiszmy nasze dwa hooki:
export class UserComponent implements OnInit, OnDestroy {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
ngOnDestroy() {
console.log('onDestroy is applied');
}
}
Sprawdź działanie obu hooków na reaktywnym
warunku if.
Sprawdź działanie obu hooków na reaktywnej pętli.