title: AngularJS: Using $routeProvider with multiple modules?
body: <p>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...</p>
  
  <pre><code>angular.module('app').config( &lt;config for all client routes and their controllers&gt; )
  </code></pre>
  
  <p>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:</p>
  
  <pre><code>angular.module('app.&lt;modulename&gt;').config( &lt;config for app.modulename routes and its controllers&gt; );
  </code></pre>
  
  <p>However, when I navigate to any route not defined on my <code>app</code> module, I see an empty page, so it seems the <code>$routeProvider</code> for other modules doesn't seem to be working. How do I make multiple modules share the <code>ng-view</code>?</p>