javascript - inyeccion - servicios angular 4

AngularJS-Inyección de dependencia en servicios, fábricas, filtros, etc.

Question

Así que tengo algunos complementos y bibliotecas que quiero usar en mi aplicación angular y (actualmente) simplemente estoy haciendo referencia a esas funciones / métodos, ya que estaban destinados en el 99% de las aplicaciones de una manera que ignora completamente la inyección de dependencia.

Tengo (por ejemplo) la biblioteca javascript "MomentJS", que trata sobre el formato y la validación de fechas, y tengo usos para ella a través de mi aplicación en controladores, servicios y filtros. La forma en que he aprendido (usando AngularJS) es crear un servicio que haga referencia a la función (y sus métodos) e inyectar ese servicio en mis controladores, lo que funciona muy bien.

El problema es que realmente necesito hacer referencia a esta biblioteca en todos los diferentes tipos de componentes, desde servicios hasta filtros, controladores y todo lo demás. Entonces, supongo que mi pregunta es ¿cómo se hace la inyección de dependencia en filtros, servicios y todo lo demás que no es un controlador?

es posible? ¿Esto es incluso beneficioso?

Cualquier ayuda sería muy apreciada :)

Answer 1

En aras de la exhaustividad, aquí hay un ejemplo de servicio con inyección:

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

Answer 2

Sí, puede usar la inyección de dependencia para filtros y directivas

Ex:

Filtrar:

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

Directiva:

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

Servicio:

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

Answer 3

Si bien las respuestas ya existentes son correctas y funcionan, la guía de estilo angular de John Papas favorece el uso del servicio $inject en Y091 :

Filtrar:

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

Directiva:

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

Fábrica:

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

Servicio:

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