Injecting services into AngularJS directive controller directly

Question

I understand how Angular dependency injection works with directives but wanted clarification on something. I have a dummy test directive as follows:

app.directiv         


        

Answer 1

You can do this also. Much better way by splitting directive and its controller in a single file. Or you can write in separate files. But, better understand

app.directive('throbberDirective', 
[   
    function(){
        return {
            restrict: "EA",
            templateUrl: "common/utils/throbbers/throbber.html",
            controller: throbberController
        }
    }
]);
app.controller('throbberController', throbberController);
throbberController.$inject = ['$scope', '_$ajax'];
function throbberController($scope){
     $scope.throbber = _$ajax.getThrobberConfigs();
     $scope.throbber.templateName = $scope.throbber.templateName;

}

Answer 2

In this case, you're receiving the same service, so it likely doesn't matter too much. I personally prefer to keep them as localized as possible; if you don't need $filter in the link function or something like that, I'd just inject it into the controller.

In certain cases, this may also make it easier to mock dependencies during testing.