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:
import { OnInit } from '@angular/core';
Ďalej je potrebné zahrnúť rozhranie do triedy komponentu:
export 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:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Vytvorte súkromnú metódu show a
zavolajte ju pri inicializácii komponentu.
