Comment utiliser deux AngularJS services avec le même nom à partir de différents modules?

Censés j'ai deux modules pour AngularJS, par exemple foo et bar, et deux d'entre eux de définir un service appelé baz.

Dans mon application je peux compter sur eux en disant:

var app = angular.module('app', [ 'foo', 'bar' ]);

Alors je peux essayer d'utiliser la baz service d'un contrôleur en utilisant

app.controller('blaController', [ '$scope', 'baz', function($scope, baz) {
  //...
}]);

Comment puis-je définir lequel des deux services de j'aimerais utiliser? Est-il quelque chose de tel qu'un nom pleinement qualifié?

InformationsquelleAutor Golo Roden | 2013-07-25
  1. 38

    Le service locator ressemble services par nom (angularjs guide de DI). Cependant "Namespacing" services en AngularJS:

    Comme d'aujourd'hui, AngularJS ne gère pas les collisions d'espace de noms pour les services
    donc si vous avez 2 modules différents avec le service nommé la même
    et vous comprennent à la fois des modules dans votre application, un seul service sera
    disponible.

    Je suppose que vous pouvez faire le nom complet "à la main": nom du service foo.baz et bar.baz au lieu de la plaine baz. C'est une forme d'auto-illusion. De plus, l'écriture de cette façon ne fait pas de namespacing réel, mais une autre personne qui lit le code pourrait le penser.

    • J'ai oublié de mentionner que vous pouvez atténuer ce avec fermetures (function() { module declaration}());
    InformationsquelleAutor Eduard Gamonal
  2. 0

    Quand nous avons deux services avec le même nom, vous devez vous différencier tout en l'utilisant dans votre module. Voyons voir un peu de code ci-dessous pour comprendre comment il fonctionne,

    J'ai deux Util services et la nécessité de les différencier,

    angular
  .module('module1', [
  ])
  .service('UtilService', UtilService)
  .service('another.UtilService', UtilService)
  .name;

    Dans le fichier de contrôleur, vous pouvez simplement injecter comme ci-dessous.

    export class Controller {
  public static $inject: string[] = ['UtilService', 'another.UtilService'];

constructor(
    private utilService: UtilService,
    private anotherUtilService
  ) {
     console.log(this.utilService) //will print the main util service methods
     console.log(this.anotherUtilService) //will print the another util service 
     methods
  }
    InformationsquelleAutor Yogaraj Saravanan