Mehrere Hooks in Angular
Es können mehrere Hooks gleichzeitig angegeben werden. Sehen wir uns an einem Beispiel zweier bereits bekannter Hooks an, wie das geht.
Importieren wir zwei Interfaces:
import { OnInit, OnDestroy } from '@angular/core';
Binden wir sie in die Klasse ein:
export class UserComponent implements OnInit, OnDestroy {
}
Schreiben wir unsere beiden 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');
}
}
Überprüfen Sie die Funktionsweise beider Hooks
an einer reaktiven if-Bedingung.
Überprüfen Sie die Funktionsweise beider Hooks in einer reaktiven Schleife.
