Хук 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 и повикајте го при иницијализација на компонентата.