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:

app/user/user.component.tsimport { OnInit } from '@angular/core';

Dernæst skal interfacet inkluderes i klassen for komponenten:

app/user/user.component.tsexport 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:

app/user/user.component.tsexport class UserComponent implements OnInit {
  constructor() {
    console.log('constructor is started');
  }
  ngOnInit() {
    console.log('onInit is applied');
  }
}