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:
import { OnInit } from '@angular/core';
Successivamente, è necessario includere l'interfaccia nella classe del componente:
export 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:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Create un metodo privato show e
chiamatelo all'inizializzazione del componente.
