title: Angular 4 Lazy Loading with parameters
body: <p>Hello I am attempting to lazy load a "detail module" while also sending parameters via the URL. </p>
  
  <p>Here is my lazy loaded route: </p>
  
  <pre><code>{
      path: 'venue/:name/:id',
      loadChildren: () =&gt; System.import('../containers/activity-detail/activity-detail.module').then((file: any) =&gt; {
          return file.default;
      })
  },
  </code></pre>
  
  <p>I would like to route to this 'activity-detail.module' and then load details using the ":name", and "id:" parameters. </p>
  
  <p>The module which loads has its own routes file. </p>
  
  <pre><code>export const VenueDetailRoutes: Route[] = [
      {
          path: '',
          redirectTo: 'venue/:name/:id',  
          pathMatch: 'full'
      },
      {
          path: 'venue/:name/:id', 
          component: VenueDetailComponent,
          data: {
              shouldDetach: true, // Route will be resused. See CustomResuseStrategy.
              title: null
          }
      },
      {
          path: '**',
          redirectTo: '/'
      }
  
  ];
  </code></pre>
  
  <p>It seems without the first default object nothing works. I get the error: </p>
  
  <pre><code>{
      path: '',
      redirectTo: 'venue/:name/:id', 
      pathMatch: 'full'
  },
  
  TypeError: Cannot read property 'path' of null
  </code></pre>
  
  <p>With the default object in place I get the error: </p>
  
  <pre><code>Error: Cannot redirect to 'venue/:name/:id'. Cannot find ':name'.
  </code></pre>
  
  <p>Any help would be greatly appreciated. </p>