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:
import { OnInit } from '@angular/core';
Ezután az interfészt be kell építeni a komponens osztályába:
export 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:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Készítsen egy privát show metódust és hívja meg a komponens inicializálásakor.
