How to inject a controller to a directive in another module

Question

I have a module 'paramApp' with controller 'ParamCtrl':

var app = angular.app('paramApp', []);

app.controller('ParamCtrl', ['$scope', '$http', function($scope, $http) {
   .
   .
   .
}]);

I have another module 'deviceApp' with directive 'DeviceDirective':

var app2 = angular.app('deviceApp', []);

app2.directive('DeviceDirective', function() {

    return {
        .
        .
        .
        controller: // I want to reference ParamCtrl here
        controllerAs: param
    };

});

I read somewhere that I need to use angular.injector (or $injector) to inject the controller, but I'm not so sure how to use it. My attempts to use the injector didn't work.

Is this approach right? Do I need to declare 'paramApp' in 'deviceApp' declaration like this,

var app2 = angular.app('deviceApp', ['paramApp']);

Please help on how to use injector in the directive controller to reference another module's controller.

rom99 · Accepted Answer · 2014-10-08 08:36:49Z

3

I think you mean angular.module('paramApp', []) and angular.module('deviceApp', [])? Your approach of declaring the dependency seems right though. I would recommend not assigning all your modules to variables so you aren't polluting the global scope. For your example you could try:

angular.module('paramApp', []);

angular.module('paramApp').controller('ParamCtrl', ['$scope', '$http', function($scope, $http) {
   .
   .
   .
}]);

angular.module('deviceApp', ['paramApp']);
angular.module('deviceApp').directive('DeviceDirective', function () {    
    return { 
    .
    .
    .
    controller: 'ParamCtrl' 
    };
});

answered Oct 8, 2014 at 8:36

rom99

8095 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to inject a controller to a directive in another module

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related