AngularJS - Injection de dépendances dans les services, les fabriques, les filtres, etc.

Question

Donc j'ai des plugins et des bibliothèques que je veux utiliser dans mon application angular et (actuellement) je fais simplement référence à ces fonctions/méthodes telles qu'elles sont prévues dans 99% des applications, d'une manière qui ignore complètement l'injection de dépendance.

J'ai (par exemple) la bibliothèque javascript "MomentJS" qui gère le formatage et la validation des dates et j'en ai besoin dans toute mon application dans des contrôleurs, des services et des filtres. La manière dont j'ai appris (en utilisant AngularJS) est de créer un service qui fait référence à la fonction (et à ses méthodes) et d'injecter ce service dans mes contrôleurs, ce qui fonctionne très bien.

Le problème c'est que j'ai vraiment besoin de faire référence à cette bibliothèque dans tous les types de composants différents, des services aux filtres en passant par les contrôleurs et tout le reste. Alors, je suppose que ma question est comment faites-vous l'injection de dépendance dans les filtres, les services et tout le reste qui n'est pas un contrôleur?

Est-ce possible? Est-ce même bénéfique?

Toute aide serait grandement appréciée :)

Answer 1

Oui, vous pouvez utiliser l'injection de dépendance pour les filtres et les directives

Ex :

Filtre :

app.filter('', ['$http', function(http){
    return function(data){
    }
}]);

Directive :

app.directive('', ['$http', function(http){
    return {
        ....
    }
}]);

Service :

app.factory('', ['$http', function(http) {
  var shinyNewServiceInstance;
  return shinyNewServiceInstance;
}]);

Answer 2

Pour des raisons de complétude, voici un exemple de service avec injection :

app.service('', ['$http', function($http) {
  this.foo = function() { ... }
}]);

Answer 3

Alors que les réponses déjà existantes sont correctes et fonctionnent, le guide de style angulaire de john papas favorise l'utilisation du service $inject dans Y091 :

Filtre :

app.filter('', MyFilter);
MyFilter.$inject = ['$http'];
function MyFilter() {
  return function(data) {
  }
}

Directive :

app.directive('', MyDirective);
MyDirective.$inject = ['$http'];
function MyDirective() {
  return {
    ...
  }
}

Usine :

app.factory('', MyFactory);
MyFactory.$inject = ['$http'];
function MyFactory() {
  var shinyNewServiceInstance;
  return shinyNewServiceInstance;
}

Service :

app.service('', MyService);
MyService.$inject = ['$http'];
function MyService() {
  this.foo = foo;
  function foo(){
    ...
  }
}