AngularJS - Iniezione di dipendenza in servizi, fabbriche, filtri ecc.

Question

Quindi ho alcuni plugin e librerie che voglio usare nella mia app angolare e (attualmente) sto semplicemente riferendo quelle funzioni/metodi così come erano intese nel 99% delle app in un modo che ignora completamente l'iniezione di dipendenza.

Ho (ad esempio) la libreria javascript "MomentJS" che si occupa della formattazione e della convalida delle date e che ho utilizzato per questo nella mia app in controller, servizi e filtri. Il modo in cui ho imparato (usando AngularJS) è creare un servizio che faccia riferimento alla funzione (e ai suoi metodi) e iniettare quel servizio nei miei controller, che funziona alla grande.

Il problema è che ho davvero bisogno di fare riferimento a questa libreria in tutti i diversi tipi di componenti dai servizi ai filtri ai controller e tutto il resto. Quindi, suppongo che la mia domanda sia: come si fa l'iniezione di dipendenza in filtri, servizi e tutto ciò che non è un controller?

È possibile? E 'anche vantaggioso?

Qualsiasi aiuto sarebbe molto apprezzato :)

Answer 1

Sì, è possibile utilizzare l'iniezione di dipendenza per i filtri e le direttive

Ex:

Filtro:

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

direttiva:

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

Servizio:

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

Answer 2

Per ragioni di completezza, ecco un esempio di servizio con iniezione:

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

Answer 3

Mentre le risposte già esistenti siano corrette e di lavoro, John papas guida di stile angolare favorisce l'uso del servizio $inject in Y091:

Filtro:

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

direttiva:

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

fabbrica:

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

Servizio:

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