ngOnInit Hook i Angular
Hooken ngOnInit utløses når
komponenten initialiseres. I funksjon ligner den
på en klassens konstruktør, men her kan man
utføre mer komplekse oppgaver, for eksempel
lasting av data fra server.
La oss se på hvordan man bruker denne hooken. Først må du importere dens grensesnitt:
import { OnInit } from '@angular/core';
Deretter må du inkludere grensesnittet i komponentklassen:
export class UserComponent implements OnInit {
}
Etter dette kan vi skrive metoden ngOnInit i
komponentklassen, og denne
metoden vil kjøre automatisk når
klassen initialiseres. La oss sjekke hvordan den fungerer:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Lag en privat metode show og
kall den når komponenten initialiseres.
