entre - modulos y componentes angular 2

Angular 2 Component Constructor Vs OnInit

Question

Esta pregunta ya tiene una respuesta aquí:

• Diferencia entre Constructor y ngOnInit 23 respuestas

Si deseo que la función x suceda cada vez que se carga un componente, ya sea la primera vez, navego a un sitio diferente y regreso o es la quinta vez que se carga el componente.

¿En qué debería poner la función x? El constructor de componentes o OnInit?

Answer 1

Constructor es un método predeterminado predefinido de la clase de mecanografiado. No hay relación entre Angular y constructor . Normalmente usamos el constructor para definir / inicializar algunas variables, pero cuando tenemos tareas relacionadas con los enlaces de Angular nos movemos al gancho del ciclo de vida ngOnInit de Angular. ngOnInit se llama justo después de la llamada del constructor. También podemos hacer el mismo trabajo en el constructor, pero es preferible usar ngOnInit para iniciar el enlace de Angular.

para usar ngOnInit tenemos que importar este gancho desde la biblioteca central:

import {Component, OnInit} from ''@angular/core''

Luego implementamos esta interfaz con la clase exportada (esto no es obligatorio para implementar esta interfaz, pero generalmente lo hicimos).

Ejemplo de uso de ambos:

export class App implements OnInit{
  constructor(){
     //called first time before the ngOnInit()
  }

  ngOnInit(){
     //called after the constructor and called  after the first ngOnChanges() 
  }
}

Para más detalles ver también Diferencia entre Constructor y ngOnInit

Answer 2

El primero (constructor) está relacionado con la instanciación de clase y no tiene nada que ver con Angular2. Quiero decir que un constructor se puede usar en cualquier clase. Puede incluir un proceso de inicialización para la instancia recién creada.

El segundo corresponde a un gancho de ciclo de vida de componentes Angular2:

• Se llama a ngOnChanges cuando cambia un valor de enlace de entrada o salida
• ngOnInit se llama después de los primeros ngOnChanges

Por lo tanto, debe usar ngOnInit si el proceso de inicialización de su función se basa en enlaces del componente (por ejemplo, parámetros del componente definidos con @Input ), de lo contrario, el constructor sería suficiente ...

Answer 3

constructor() es una característica de mecanografiado y se llama para un new SomeClass() . El constructor asegura un orden de inicialización de campo adecuado en las jerarquías de clases.

ngOnInit es un método de ciclo de vida de Angular2 que Angular llama cuando termina de construir el componente y después de evaluar los enlaces y actualizar las entradas por primera vez.

Ver también Diferencia entre Constructor y ngOnInit