L'hook ngOnInit in Angular

L'hook ngOnInit si attiva durante l'inizializzazione del componente. Per azione è simile al costruttore della classe, ma in esso è possibile eseguire compiti più complessi, ad esempio, il caricamento di dati dal server.

Diamo un'occhiata a come utilizzare questo hook. Per prima cosa è necessario importare la sua interfaccia:

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

Successivamente, è necessario includere l'interfaccia nella classe del componente:

app/user/user.component.tsexport class UserComponent implements OnInit {

}

Dopo di che, potremo scrivere nella classe del componente il metodo ngOnInit e questo metodo verrà eseguito automaticamente durante l'inizializzazione della classe. Verifichiamo il suo funzionamento:

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