Hook ngOnInit v Angular

Hook ngOnInit sa spustí pri inicializácii komponentu. Svojím účinkom je podobný konštruktoru triedy, no v ňom je možné vykonávať zložitejšie úlohy, napríklad načítavanie údajov zo servera.

Pozrime sa, ako používať tento hook. Na začiatok je potrebné importovať jeho rozhranie:

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

Ďalej je potrebné zahrnúť rozhranie do triedy komponentu:

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

}

Potom môžeme v triede komponentu napísať metódu ngOnInit a táto metóda sa automaticky vykoná pri inicializácii triedy. Overíme jej fungovanie:

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