Hooks ngOnInit v Angularju

Hooks ngOnInit se sproži ob inicializaciji komponente. Po delovanju je podoben konstruktoru razreda, vendar je v njem mogoče izvajati bolj zapletene naloge, na primer, nalaganje podatkov s strežnika.

Poglejmo, kako uporabljati ta hooks. Najprej je treba uvoziti njegov vmesnik:

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

Nato je treba vključiti vmesnik v razred komponente:

app/user/user.component.tsexport class UserComponent implements OnInit {

}

Po tem lahko v razredu komponente napišemo metodo ngOnInit in ta metoda se bo samodejno izvedla ob inicializaciji razreda. Preverimo njeno delovanje:

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