ngOnInit-Hook in Angular
Der Hook ngOnInit wird bei der
Initialisierung der Komponente ausgelöst. In seiner Wirkung ist er
ähnlich dem Konstruktor einer Klasse, aber in ihm können
komplexere Aufgaben ausgeführt werden, beispielsweise
das Laden von Daten vom Server.
Schauen wir uns an, wie man diesen Hook verwendet. Zuerst muss seine Schnittstelle importiert werden:
import { OnInit } from '@angular/core';
Als nächstes muss die Schnittstelle in die Klasse der Komponente aufgenommen werden:
export class UserComponent implements OnInit {
}
Danach können wir in der Klasse der Komponente
die Methode ngOnInit schreiben und diese
Methode wird automatisch bei der
Initialisierung der Klasse ausgeführt. Prüfen wir ihre Funktionsweise:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Erstellen Sie eine private Methode show und
rufen Sie sie bei der Initialisierung der Komponente auf.
