AngularJS - Dependency Injection in Services, Fabriken, Filtern etc

Also ich habe einige plugins und Bibliotheken, die ich verwenden möchten, die in meinem angular app und (derzeit) bin ich einfach verweisen auf die Funktionen/Methoden, wie Sie waren bestimmt in 99% der apps in einer Weise, die völlig ignoriert dependency injection.

Habe ich (zum Beispiel) die javascript-Bibliothek "MomentJS", das sich mit der Formatierung und Validierung Termin und ich haben verwendet es während meiner app-in Controller, services und Filter. Die Art und Weise, die ich gelernt habe (mit AngularJS) ist, einen Dienst zu erstellen, die auf die Funktion (und dessen Methoden) und injizieren, der service in meinem Controller, und das funktioniert Super.

Das problem ist, dass ich wirklich brauchen, um einen Verweis auf diese Bibliothek in alle verschiedenen Arten von Komponenten von services, Filter, Steuerungen und alles andere. Also, ich denke, meine Frage ist, wie wollen Sie tun, dependency injection, Filter, services und alles, was nicht-controller?

Ist das möglich? Ist das überhaupt von Vorteil?

Jede Hilfe wäre sehr geschätzt 🙂

InformationsquelleAutor der Frage Man Personson | 2013-03-17

  1. 101

    Ja, Sie können mit dependency injection für Filter und Richtlinien

    Ex:

    Filter:

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

    Richtlinie:

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

    Service:

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

    InformationsquelleAutor der Antwort Arun P Johny

  2. 21

    Der Vollständigkeit halber, hier ist ein Beispiel mit der Injektion:

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

    InformationsquelleAutor der Antwort user1338062

  3. 6

    Während die bereits vorhandenen Antworten richtig sind, und die Arbeit, die john papas eckigen style guide begünstigt die Verwendung der $inject service in Y091:

    Filter:

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

    Richtlinie:

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

    Fabrik:

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

    Service:

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

    InformationsquelleAutor der Antwort Daniel

Schreibe einen Kommentar