Как загрузить директиву в контроллер?

Question

На основании этого примера throbberDirective, Как добавить пользовательскую директиву к контроллеру, чтобы вы могли вызвать функции show() hide()? Я не могу избавиться от следующей ошибки:

Error: [$injector:unpr] Unknown provider: inputThrobberProvider <- inputThrobber <- landingCtrl 

Пример кода:

var app = angular.module('myapp', ['ngAnimate', 'ui.router', 'templates']); 

app.directive('inputThrobber', [function() { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 
     controller: function($scope, $element) { 
     var inputThrobberCtrl = { 
      show: function() { 
      $element.addClass('throbbing'); 
      }, 
      hide: function() { 
      $element.removeClass('throbbing'); 
      } 
     }; 

     return inputThrobberCtrl; 
     } 
    }; 
    }]) 
    .controller('landingCtrl', ['$scope', 'geolocation', 'inputThrobber', function($scope, geolocation, inputThrobber) { 

    // inputThrobber.show() 
    geolocation.getAddress().then(function(address) { 
     $scope.address = address; 
     }).catch(function(err) { 
     $scope.error = error; 
     $scope.address = ''; 
     }) 
     .finally(function() { 
     // $inputThrobber.hide() 
     }); 

    }]); 

Answer 1

Вот пример использования, который отправляет событие, чтобы показать/скрыть кок:

app.directive('inputThrobber', [function() { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 
     controller: function($scope, $element) { 
     $scope.$on('startThrobbing', function() { 
      $element.addClass('throbbing'); 
     }); 
     $scope.$on('stopThrobbing', function() { 
      $element.removeClass('throbbing'); 
     }); 
     } 
    }; 
    }]) 

.controller('landingCtrl', ['$scope', 'geolocation', function($scope, geolocation) { 
    $scope.$broadcast('startThrobbing'); 
    geolocation.getAddress().then(function(address) { 
     $scope.address = address; 
     }).catch(function(err) { 
     $scope.error = error; 
     $scope.address = ''; 
     }) 
     .finally(function() { 
     $scope.$broadcast('stopThrobbing'); 
     }); 
}]);