CODEWITHSUNDEEP
angularjsmean-stack
PDN
PDN

Reputation: 791

AngularJS: Using $routeProvider with multiple modules?

I am building an angular app with multiple modules. Each module is a view component (rather than having one giant module with all the view components) as recommended by John Papa's Angular style guide. However, whereas previously I could just do...

angular.module('app').config( <config for all client routes and their controllers> )

I've realized that I can't do this since controllers are on separate modules now. So, I've split off the $routeProvider login into their respective files:

angular.module('app.<modulename>').config( <config for app.modulename routes and its controllers> );

However, when I navigate to any route not defined on my app module, I see an empty page, so it seems the $routeProvider for other modules doesn't seem to be working. How do I make multiple modules share the ng-view?

Upvotes: 2

Views: 1022

Answers (1)

Phil
Phil

Reputation: 164894

In order for your modules to be configured, you need to include them in the main application module via the dependency array. For example, say you have the following modules...

angular.module('app.module1', ['ngRoute'])
    .config(function($routeProvider) { ... })

angular.module('app.module2', ['ngRoute'])
    .config(function($routeProvider) { ... })

You configure and include them via

angular.module('app', ['app.module1', 'app.module2'])

Upvotes: 3

Related Questions