Angular: i Services

providedIn: ‘root’ è il modo più semplice per fare il provider del service, cioè per rendere disponibile il servizio all’applicazione sfruttando il Singleton. Iniettandolo nella root il servizio sarà disponibile per tutti i component.

// persons.service.ts
import {Injectable} from '@angular/core';

@Injectable({providedIn: 'root'})
export class PersonsService {
   persons: string[] = ['Uno','Due','Tre'];

   addPerson(name: string) {
      this.persons.push(name)
   }
}

import {PersonsService} from './persons.service';

@Component({
   selector: 'app-persons',
   templateUrl: './persons.component.html'
})
export class PersonsComponent{
   personList: string[];

   constructor(prsService: PersonsService){
      this.personList = prsService.persons;
   }
}