Хук ngOnInit у Angular-у

Хук ngOnInit се активира приликом иницијализације компоненте. По деловању је сличан конструктору класе, али у њему се могу извршити сложенији задаци, попут учитавања података са сервера.

Хајде да погледамо како да користимо овај хук. За почетак је потребно увезти његов интерфејс:

import { OnInit } from '@angular/core';

Затим треба укључити интерфејс у класу компоненте:

export class UserComponent implements OnInit {

}

Након тога, можемо написати у класи компоненте метод ngOnInit и овај метод ће се аутоматски извршити приликом иницијализације класе. Проверимо његов рад:

export class UserComponent implements OnInit {
	constructor() {
		console.log('constructor is started');
	}
	ngOnInit() {
		console.log('onInit is applied');
	}
}

Направите приватни метод show и позовите га при иницијализацији компоненте.