Хук ngOnInit у Angular-у

Хук ngOnInit се активира приликом иницијализације компоненте. По деловању је сличан конструктору класе, али у њему се могу извршити сложенији задаци, попут учитавања података са сервера.

Хајде да погледамо како да користимо овај хук. За почетак је потребно увезти његов интерфејс:

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

Затим треба укључити интерфејс у класу компоненте:

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

}

Након тога, можемо написати у класи компоненте метод ngOnInit и овај метод ће се аутоматски извршити приликом иницијализације класе. Проверимо његов рад:

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