Come utilizzare i provider in un servizio?

Question

Ho bisogno di utilizzare più istanze di un servizio.

Di solito quando uso un'istanza di questo servizio nella componente, scrivo in questo modo:

@Component({ 
    selector: 'one-component', 
    providers: [provide("token1", {useClass: Service})], 
    template: ` 
     <h1>App</h1> 
    ` 
}) 
export class OneComponent { 
    constructor(@Inject('token1') service:Service) {} 
} 

Ma ora ho bisogno di utilizzare questo servizio in Service2, scrivo in questo modo:

export class Service2 { 
    constructor(@Inject('token1') service:Service) {} 
} 

come sapete, si vede:

Nessun provider

Perché Service2 non dispone di providers: [provide("token1", {useClass: Service})]. Ma dove posso aggiungerlo dato che non ha @Component?

Grazie

Answer 1

Purtroppo la configurazione di servizi in questo modo non è attualmente supportato e attualmente non ci sono piani per aggiungere il supporto https://github.com/angular/angular/issues/5622

Answer 2

Non credo che la risposta di Gunter è completamente corretto qui. Se ho capito correttamente il problema di Hongbo Miao, questo può essere ottenuto "facilmente". Se si desidera ottenere una nuova istanza di un servizio per ogni iniezione, è necessario utilizzare useFactory anziché la configurazione del provider useClass.

Poi, se si ottiene un errore non provider per "token1" in Service2 è perché non è configurare sull'iniettore destra, fratello o genitore di OneComponent ... dove Service2 viene iniettato.

Edit:

Per far funzionare tutto questo si dovrà definire il fornitore Service e Service2 alla componente principale (per esempio). In questo caso, tutti condivideranno la stessa istanza dei servizi.

Se si desidera avere istanze diverse in ogni componente, quindi definire i provider a livello di componente, in cui vengono utilizzati i servizi.

@Component({ 
    providers: [Service, Service2], 
    // Other config props 
}) 
export class RootComponent { 
} 

@Component({ 
    // Config props 
}) 
export class OneComponent { 
    constructor(public service: Service) {} 
    methodx() { 
    this.service... 
    } 
} 

@Component({ 
    // Config props 
}) 
export class TwoComponent { 
    constructor(public service: Service2) {} 
    methodx() { 
    this.service... 
    } 
} 

@Injectable() 
export class Service2 { 
    constructor(public service: Service) { 
    } 
} 

utilizzando il @Inject('StringToken') non è la cosa migliore che si fa e non è il metodo consigliato. Utilizzare invece il token di tipo (come fatto nel codice sopra).

Risorse:

• http://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html
• http://blog.thoughtram.io/angular/2015/09/17/resolve-service-dependencies-in-angular-2.html

Answer 3

ho corretto questo errore (Utilizzo di un servizio di B in un servizio A) dichiarando i due servizi in app.module.ts 's fornitori di serie .

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