Eseguire del codice durante la fase di inizializzazione di un Component di Angular 2

di Stefano Mostarda, in HTML5, Angular 2,

Con Angular 2 abbiamo a disposizione due punti dove eseguire il codice di inizializzazione.
Il primo punto è il costruttore e al suo interno possiamo inizializzare proprietà, campi e quanto altro ci serva per mettere il component in uno stato valido. Tuttavia, quando dobbiamo recuperare dati da servizi, il costruttore non è il posto più indicato, in quanto la logica del costruttore deve essere la meno complessa possibile.

Per questo motivo, in Angular 2 abbiamo a disposizione un secondo punto dove inizializzare un component. Tutto quello che dobbiamo fare è implementare l'interfaccia OnInit e implementarne il metodo ngOnInit, che viene automaticamente chiamato da Angular 2 subito dopo aver istanziato il component.
In questo posto dovremo mettere la logica di inizializzazione più complessa.

import { OnInit } from '@angular/core';

export class AppComponent implements OnInit {
  ngOnInit() {
    //invocazione servizi
  }
}

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi