Verskeie Hooks in Angular
Jy kan gelyktydig verskeie hooks spesifiseer. Kom ons kyk hoe dit gedoen word met 'n voorbeeld van twee reeds bestudeerde hooks.
Laat ons die twee koppelvlakke invoer:
app/user/user.component.tsimport { OnInit, OnDestroy } from '@angular/core';
Laat ons dit by die klas aansluit:
app/user/user.component.tsexport class UserComponent implements OnInit, OnDestroy {
}
Kom ons skryf ons twee 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
Toets die werking van albei hooks op 'n reaktiwiteitstoestand
if.
Задание 2
Toets die werking van albei hooks op 'n reaktiwiteitssluiting.