title: Angular2 RC6 - Nested modules with routing
body: <p>In my application I have a <code>SupportModule</code> which has 3 sub-Modules (<code>AdminModule</code>,<code>ChatModule</code>,<code>ContactModule</code>). <code>SupportModule</code> and its 3 sub-Modules have their own routings define.</p>
  
  <p>Structure looks something like</p>
  
  <p><a href="https://i.stack.imgur.com/vMerQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/vMerQ.png" alt="enter image description here"></a></p>
  
  <p>The routing for the `AdminModule' is given below:</p>
  
  <pre><code>import { AdminComponent }   from './admin.component';
  import { RssFeedsComponent }   from './rssFeeds.component';
  import { RssFeedDetailComponent }   from './rssFeedDetail.component';
  
  export const adminRoutes: Route =      
      {
          path: 'admin',
          component: AdminComponent,
          children: [
              { path: '',  component: RssFeedsComponent },
              { path: 'feeds',  component: RssFeedsComponent },
              { path: 'feeddetail', component: RssFeedDetailComponent }
          ]
      };    
  </code></pre>
  
  <p>and routing for <code>SupportModule</code> (which is parent module of the 3 sub modules) is given below:</p>
  
  <pre><code>import { SupportComponent } from './support.component';
  import { SupportNavComponent } from './support-nav.component';
  //Feature Modules
  import { chatRoutes } from './chat/chat.routing';
  import { contactRoutes } from './contact/contact.routing';
  import {adminRoutes} from './admin/admin.routing';
  
  const supportRoutes: Routes = [     
      {
          path: 'support',
          component: SupportComponent,
          children: [
              { path: '',  component: SupportNavComponent },
              chatRoutes,
              contactRoutes,
              adminRoutes
          ]
      }  
  ];
  
  export const supportRouting: ModuleWithProviders = RouterModule.forChild(supportRoutes);        
  </code></pre>
  
  <p>Then finally I am importing this <code>supportRouting</code> into my <code>AppModule</code>.</p>
  
  <p>Navigation is working fine without any issue. But I am a little confused. I don't know whether this is the right way to have parent-child modules with their own routing or if there is some better way to achieve this.</p>
  
  <p>If someone can correct me (if I am making a mistake) or knows a better approach then that would be really helpful.</p>