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