Wie übergibt man $ q an die Linkfunktion der eckigen Anweisung?

Question

Ich brauche $q eine link Funktion meiner Anweisung. Ich brauche es, um mögliche Versprechen zu verpacken, die durch eines der Argumente neu abgestimmt werden (siehe Beispiel unten). Ich weiß jedoch nicht, wie man eine $q Abhängigkeit an eine dieser Funktion weitergibt.

angular.module('directives') 
.directive('myDirective', function() { 
    return { 
    scope: { 
     onEvent: '&' 
    } 
    // ... 
    link: function($scope, $element) { 
     $scope.handleEvent() { 
     $q.when($scope.onEvent()) { 
      ... 
     } 
     } 
    } 
    } 
} 

Answer 1

Fügen Sie es einfach als eine Abhängigkeit von Ihrer Anweisung hinzu und das $ q wird in der Link-Funktion verwendbar sein. Dies liegt an JavaScript closures.

Im Folgenden finden Sie ein Beispiel basierend auf Ihrem Code.

angular.module('directives') 
.directive('myDirective', ['$q', function($q) { 
    return { 
    scope: { 
     onEvent: '&' 
    } 
    // ... 
    link: function($scope, $element) { 
     $scope.handleEvent() { 
     $q.when($scope.onEvent()) { 
      ... 
     } 
     } 
    } 
    } 
}]) 

Answer 2

Sie können nicht in die Link-Funktion injizieren direkt, aber Sie können injizieren in die Fabrik Funktion der Richtlinie:

angular.module('directives') 
.directive('myDirective', function($q) { 
    ... 

Oder die Array-Syntax zur Injektion verwenden, wenn Sie einen minifier verwenden.

Answer 3

var module = angular.module('directives'); 
module.directive('myDirective', ['$q', function($q) { 
... 
}]);