ngOnInit Hook i Angular
Hook'en ngOnInit udløses ved
initialisering af komponenten. I handling ligner den
en klassekonstruktor, men i den kan man
udføre mere komplekse opgaver, for eksempel
indlæsning af data fra serveren.
Lad os se, hvordan man bruger denne hook. Til at starte med skal dens interface importeres:
import { OnInit } from '@angular/core';
Dernæst skal interfacet inkluderes i klassen for komponenten:
export class UserComponent implements OnInit {
}
Efter det kan vi skrive metoden ngOnInit i klassen
for komponenten, og denne
metode vil automatisk blive udført ved
initialisering af klassen. Lad os tjekke dens funktion:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Lav en privat metode show og
kald den ved initialisering af komponenten.
