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