如何將$ q傳遞給angular指令鏈接函數？

Question

我需要使用$q我的指令的link功能。 我需要它來包裝由一個參數重新調整的可能的promise（參見下面的例子）。 但是，我不知道如何將$q依賴項傳遞給此函數。

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

Answer 1

只需將其添加為您的指令的依賴項，$ q將在鏈接函數中使用。 這是因為JavaScript的閉包 。

以下是基於您的代碼的示例。

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

Answer 2

你不能直接注入鏈接函數，但你可以注入指令的工廠函數：

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

或者，如果使用minifier，則使用數組語法進行注入。

Answer 3

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