Meerdere hooks in Angular
Het is mogelijk om meerdere hooks gelijktijdig in te stellen. Laten we kijken hoe dit wordt gedaan aan de hand van twee reeds bestudeerde hooks.
We importeren twee interfaces:
import { OnInit, OnDestroy } from '@angular/core';
We verbinden ze met de class:
export class UserComponent implements OnInit, OnDestroy {
}
Laten we onze twee hooks schrijven:
export class UserComponent implements OnInit, OnDestroy {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
ngOnDestroy() {
console.log('onDestroy is applied');
}
}
Controleer de werking van beide hooks op een reactieve
voorwaarde if.
Controleer de werking van beide hooks op een reactieve lus.
