Gancho ngOnInit en Angular
El gancho ngOnInit se activa durante la
inicialización del componente. En términos de acción, es
similar al constructor de una clase, pero en él se pueden
realizar tareas más complejas, como, por ejemplo,
la carga de datos desde un servidor.
Veamos cómo usar este gancho. Primero necesitamos importar su interfaz:
import { OnInit } from '@angular/core';
A continuación, debe incluir la interfaz en la clase del componente:
export class UserComponent implements OnInit {
}
Después de esto, podremos escribir en la clase
del componente el método ngOnInit y este
método se ejecutará automáticamente durante
la inicialización de la clase. Comprobemos su funcionamiento:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Cree un método privado show y
llámelo al inicializar el componente.
