Hook ngOnInit v Angularu
Hook ngOnInit se spustí při
inicializaci komponenty. Svým účinkem je
podobný konstruktoru třídy, ale lze v něm
provádět složitější úlohy, například
načítání dat ze serveru.
Podívejme se, jak tento hook používat. Nejprve je třeba importovat jeho rozhraní:
import { OnInit } from '@angular/core';
Dále je třeba zahrnout rozhraní do třídy komponenty:
export class UserComponent implements OnInit {
}
Poté můžeme ve třídě komponenty napsat metodu
ngOnInit a tato
metoda se automaticky spustí při
inicializaci třídy. Ověřme její funkčnost:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Vytvořte privátní metodu show a
zavolejte ji při inicializaci komponenty.