Dall'archivio script > HTML5

Creare un servizio e utilizzarlo in un component di Angular 2

di Stefano MostardaStefano Mostarda, in HTML5, Angular 2,

In Angular 2, un component è responsabile solo di preparare i dati relativi al template che gestisce. la logica per recuperare e salvare questi dati non appartiene al component bensi a un servizio. In Angular 2 un servizio è una classe che espone dei metodi e che è marcata col decoratore Injectable. 

import { Injectable } from "@angular/core";

@Injectable()
export class OrderService {
  getOrders() {
    //implementazione
  }

  getOrderById(id: number) {
    //implementazione
  }
}

Una volta creato il servizio dobbiamo registrarlo nella sezione providers del modulo in cui intendiamo utilizzarlo.

import { NgModule }       from "@angular/core";
import { OrderService }          from "./order/OrderService";

@NgModule({
  imports: [ ...  ],
  declarations: [ ... ],
  providers: [ OrderService ],
  bootstrap: [ ... ]
})

Infine dobbiamo iniettare l'istanza del servizio nel costruttore del component.

export class OrderComponent {
  constructor(private orderService: OrderService) {
  }
  ...
}

Commenti

Visualizza/aggiungi commenti

| Condividi su: LinkedIn, Facebook
Aggiorna

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