Flere hooks i Angular
Det er mulig å definere flere hooks samtidig. La oss se hvordan dette gjøres med eksempelet av to allerede studerte hooks.
Importerer to grensesnitt:
import { OnInit, OnDestroy } from '@angular/core';
Koble dem til klassen:
export class UserComponent implements OnInit, OnDestroy {
}
La oss skrive våre to hooks:
export class UserComponent implements OnInit, OnDestroy {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
ngOnDestroy() {
console.log('onDestroy is applied');
}
}
Sjekk funksjonaliteten til begge hooks med et reaktivt
if-uttrykk.
Sjekk funksjonaliteten til begge hooks i en reaktiv løkke.