Angular 2: Injectez le service à un autre service. (Aucune erreur de fournisseur)

Question

Je souhaite injecter un service dans un autre service:

 @Injectable()

export class Dispatcher {
}


@Injectable()

export class TodoStore {

    constructor(@Inject(Dispatcher) dispatcher:Dispatcher){ 

    }
}
 

Mais je reçois toujours une erreur: aucun fournisseur pour Dispatcher!

Merci.

Answer 1

Vous avez besoin d' provide votre service quelque part. Veuillez vous référer à angular2 docs

Vous pourriez fournir à la méthode de démarrage:

bootstrap(AppComponent,[TodoStore,Dispatcher]);

ou l'application de la composante:

@Component({
    ...
      providers:[TodoStore,Dispatcher]
}
...

Ou dans tout autre composant, en fonction de vos besoins.

Aussi, vous n'avez pas besoin d' @Inject(Dispatcher) dans le constructeur. C'est essentiellement le même que

constructor(dispacher:Dispatcher){
}

Ah oui, bienvenue ALORS :)

Answer 2

Merci pour la réponse.

Puisqu'il ne s'agit pas d'un composant, la solution @Component (...) ne s'applique pas.

 bootstrap(AppComponent,[TodoStore,Dispatcher]); 
 

solution fonctionne. Mais cela fait de ce main.ts une place centrale.

Answer 3

Un tableau de fournisseurs est disponible dans @NgModule. Vous pouvez fournir votre service en déclarant votre service dans ce tableau.

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

Answer 4

Essaye ça:

myMainService.ts

 import { myOtherService } from 'myOtherService';

export class myMainService {
 constructor() {
   let myOtherService = new myOtherService();
 }
}
 

myOtherService.ts

 export class myOtherService {
    constructor() {
        console.log('service was imported');
    }
}