Angularjs routing controller from another module

Question

Im building a big app , and my structure goes like this:

Each module has its own folder structure for controllers, directives, etc...

Each folder has an index.js file and then other files to separates each controller, each directive, etc...

The index.js file contains the definition of the module. For instance for the controllers of the businessModule above:

angular.module('myCompany.businessModule.controllers', []);

There's no dependencies here, but there could be any.

Then in firstCtrl.js, I can reuse that module and add the controller to it:

angular.module('myCompany.businessModule.controllers').controller('firstCtrl', function(){
});

Then the app.js aggregates all the module that I want for my application by adding them to the dependencies array.

 angular.module('myApp', ['myCompany.businessModule', 'myCompany.anotherBusinessModule'],'ngRoute');

Now comes the route that include the other modules view. My Route goes like:

    var myApp = angular.module('myApp');
    myApp.config(function($routeProvider) {
        $routeProvider

            // route for the home page
            .when('/', {
                templateUrl : 'pages/home.html',
                controller  : 'mainController'
            })

            // route for the about page
            .when('/about', {
                templateUrl : 'pages/about.html',
                controller  : 'firstCtrl'
            })

    });

Now the question is can i connect a controller that from another module to the specific controller that have this module injected like in my situation when myApp contains myCompany.businessModule.controllers and has firstCtrl ?

Have you tried running this, what error are you getting

harishr
– harishr

2016-01-27 09:39:36 +00:00
Commented Jan 27, 2016 at 9:39 — harishr
– harishr, Commented Jan 27, 2016 at 9:39

zahreelay · Accepted Answer · 2016-01-27 09:41:56Z

1

Your modules file :

   angular.module('myApp').config(function($routeProvider){
           $routeProvider

            // route for the home page
            .when('/', {
                templateUrl : 'pages/home.html',
                controller  : 'mainController'
            })

            // route for the about page
            .when('/about', {
                templateUrl : 'pages/about.html',
                controller  : 'firstCtrl'
            });
});

Include it as a dependency when you want to use it.

angular.module('app',[other deps]);

answered Jan 27, 2016 at 9:41

zahreelay

1,74212 silver badges19 bronze badges

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

1 Comment

Elad Israeli Over a year ago

Well if the module included i can use any controller in the other module ? And what about two controllers with the same name ?

Collectives™ on Stack Overflow

Angularjs routing controller from another module

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related