Hook ngOnInit w Angularze
Hook ngOnInit wyzwala się podczas
inicjalizacji komponentu. Działaniem jest
podobny do konstruktora klasy, ale w nim można
wykonywać bardziej złożone zadania, na przykład,
ładowanie danych z serwera.
Spójrzmy, jak używać tego hooka. Na początku trzeba zaimportować jego interfejs:
import { OnInit } from '@angular/core';
Następnie należy dołączyć interfejs do klasy komponentu:
export class UserComponent implements OnInit {
}
Po tym będziemy mogli napisać w klasie
komponentu metodę ngOnInit i ta
metoda wykona się automatycznie przy
inicjalizacji klasy. Sprawdźmy jej działanie:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Zrób prywatną metodę show i
wywołaj ją po inicjalizacji komponentu.
