AngularJS - Wstrzyknięcie zależności w usługach, fabrykach, filtrach itp.

Question

Mam kilka wtyczek i bibliotek, których chcę używać w mojej aplikacji kątowej i (obecnie) po prostu odwołuję się do tych funkcji/metod, jak to było zamierzone w 99% aplikacji w sposób całkowicie ignorujący iniekcję zależności.

Mam (na przykład) bibliotekę javascript "MomentJS", która zajmuje się formatowaniem i sprawdzaniem poprawności dat i mam dla niej zastosowanie w całej mojej aplikacji w kontrolerach, usługach i filtrach. Sposób, w jaki się nauczyłem (używając AngularJS) polega na stworzeniu usługi odwołującej się do funkcji (i jej metod) i wstrzyknięciu tej usługi do moich kontrolerów, co działa świetnie.

Problem polega na tym, że naprawdę muszę odwoływać się do tej biblioteki we wszystkich rodzajach komponentów od usług do filtrów do kontrolerów i wszystkiego innego. Tak, myślę, że moje pytanie brzmi: jak zrobić zastrzyk zależności w filtrach, usługach i wszystkim, co nie jest kontrolerem?

Czy to możliwe? Czy to jest nawet korzystne?

Każda pomoc będzie bardzo mile widziane :)

Answer 1

Tak można użyć Dependency Injection dla filtrów i dyrektyw

Ex:

Filtr:

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

dyrektywa:

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

Usługa:

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

Answer 2

Dla kompletności, tutaj jest przykład serwis z wtryskiem:

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

Answer 3

Choć już istniejące odpowiedzi są poprawne i pracy, John Papas kątowe przewodnik styl preferuje stosowanie usługi $inject w Y091:

Filtr:

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

dyrektywa:

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

fabryczne:

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

Usługa:

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