Gancho ngOnInit no Angular

O gancho ngOnInit é acionado durante a inicialização do componente. Em termos de ação, ele é semelhante ao construtor de uma classe, mas nele você pode executar tarefas mais complexas, por exemplo, carregar dados de um servidor.

Vamos ver como usar este gancho. Primeiro, é preciso importar sua interface:

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

Em seguida, você precisa incluir a interface na classe do componente:

export class UserComponent implements OnInit {

}

Após isso, poderemos escrever o método ngOnInit na classe do componente e este método será executado automaticamente durante a inicialização da classe. Vamos verificar seu funcionamento:

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

Crie um método privado show e chame-o durante a inicialização do componente.