Flere hooks i Angular
Det er muligt at angive flere hooks samtidig. Lad os se, hvordan det gøres ved hjælp af et eksempel med to allerede studerede hooks.
Importerer to grænseflader:
import { OnInit, OnDestroy } from '@angular/core';
Tilslut dem til klassen:
export class UserComponent implements OnInit, OnDestroy {
}
Lad os skrive vores 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');
}
}
Test begge hooks på en reaktiv
betingelse if.
Test begge hooks på en reaktiv løkke.