Huk ngOnInit u Angular-u

Huk ngOnInit se aktivira prilikom inijalizacije komponente. Po svom delovanju on je sličan konstruktoru klase, ali u njemu se mogu izvršavati složeniji zadaci, na primer, učitavanje podataka sa servera.

Hajde da pogledamo kako se koristi ovaj huk. Za početak je potrebno importovati njegov interfejs:

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

Zatim je potrebno uključiti interfejs u klasu komponente:

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

}

Nakon toga možemo napisati u klasi komponente metod ngOnInit i ovaj metod će se automatski izvršiti prilikom inijalizacije klase. Proverimo njegov rad:

app/user/user.component.tsexport class UserComponent implements OnInit {
  constructor() {
    console.log('constructor je pokrenut');
  }
  ngOnInit() {
    console.log('onInit je primenjen');
  }
}