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:

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

Następnie należy dołączyć interfejs do klasy komponentu:

app/user/user.component.tsexport 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:

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