Az ngOnInit Hook az Angular-ban

A ngOnInit hook a komponens inicializálásakor aktiválódik. Hatásában hasonlít az osztály konstruktorára, de benne összetettebb feladatokat is végre lehet hajtani, például adatok betöltését egy szerverről.

Nézzük meg, hogyan használható ez a hook. Először is importálnunk kell az interfészét:

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

Ezután az interfészt be kell építeni a komponens osztályába:

app/user/user.component.tsexport class UserComponent implements OnInit {

}

Ezt követően már tudunk írni egy ngOnInit metódust a komponens osztályában, és ez a metódus automatikusan végrehajtódik az osztály inicializálásakor. Ellenőrizzük a működését:

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