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í:

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

Dále je třeba zahrnout rozhraní do třídy komponenty:

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

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