title: Preserve Route Params in child routes?
body: <p>In my case, I have some routes which look like this.</p>
  
  <pre><code>const appRoutes: Routes = [
     { 
         path: 'thing/:id',
         component: GenericComponent 
     },
     { 
         path: 'thing/special', 
         loadChildren: 'app/modules/thing/special.module#SpecialModule'
     }
  ];
  </code></pre>
  
  <p>Ultimately, <code>SpecialModule</code> requires lazy loading and it has its own child routes.  At the moment the child routes are so:</p>
  
  <pre><code>const specialRoutes: Routes = [
      {
          path: '',
          component: SpecialComponent
      }
  ];
  </code></pre>
  
  <p>Essentially, <code>SpecialComponent</code> might extend <code>GenericComponent</code> since all it does is add new components (heavy) to the existing generic pool. </p>
  
  <p>So <code>GenericComponent</code> is going to go and request the <code>:id</code> and is great, but <code>SpecialComponent</code> has lost the <code>:id</code> from the params. The ID became a child route. So now id is null and I can't load <code>/mock-server/thing/null</code>. </p>
  
  <p>How do I retain or access the missing <code>:id</code> in my child route params?</p>