Как передать $ q функции угловой директивной ссылки?

Question

Мне нужно использовать $q a link Функция моей директивы. Мне нужно это, чтобы обернуть возможное обещание, которое перенастроено одним из аргументов (см. Пример ниже). Однако я не знаю, как передать $q зависимости от этой функции.

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

Answer 1

Просто добавьте его как зависимость от вашей директивы, а $ q будет использоваться в функции ссылок. Это из-за JavaScript closures.

Ниже приведен пример, основанный на вашем коде.

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) { 
... 
}]);