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:

app/user/user.component.tsimport { OnInit } from '@angular/core';

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

app/user/user.component.tsexport 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:

app/user/user.component.tsexport class UserComponent implements OnInit {
  constructor() {
    console.log('constructor is started');
  }
  ngOnInit() {
    console.log('onInit is applied');
  }
}