I need to use $q a link function of my directive. I need it to wrap possible promise that is retuned by one of arguments (see the example below). I don't know however, how to pass $q dependency to a this function.

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

I need to use $q a link function of my directive. I need it to wrap possible promise that is retuned by one of arguments (see the example below). I don't know however, how to pass $q dependency to a this function.

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

• javascript
• angularjs
• angularjs-directive
• angular-promise

Share Improve this question Follow asked Oct 28, 2014 at 10:49 mrzasamrzasa 23.4k1111 gold badges6060 silver badges9696 bronze badges 1

• You've got some pretty weird and probably broken syntax in that link function, by the way. – Thomas Commented Oct 28, 2014 at 10:52

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 14

Just add it as a dependency on your directive and the $q will be usable in the link function. This is because of JavaScript's closures.

Below is an example based on your code.

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

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

You can't inject into the link function directly, but you can inject into the directive's factory function:

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

Or use the array syntax for injection if you use a minifier.