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;

}