title: How to make a named routing outlet work with loadChildren?
body: <p>I've created two plunkers concerning an issue with routing's loadChildren and outlet navigation. For some reason, having an empty base path within the loaded child module does not work with outlet navigation.</p>
  
  <p>In <a href="https://plnkr.co/edit/ps0ZiD3mHTte227Ws69T?p=preview" rel="nofollow noreferrer">this</a> example, pressing the 'Contact' link fails.</p>
  
  <p><strong>app-routing.module</strong></p>
  
  
  
  <pre class="lang-js prettyprint-override"><code>const appRoutes: Routes = [
    { path: 'admin', loadChildren: () =&gt; AdminModule },
    { path: '',   redirectTo: '/admin', pathMatch: 'full' }
  ];
  </code></pre>
  
  <p><strong>admin-routing.module</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>const adminRoutes: Routes = [
  { 
    path: '', 
    component: AdminComponent,
    children: [ 
      {
        path: 'compose',
        component: ComposeMessageComponent,
        outlet: 'popup'
      }
    ]
  }];
  </code></pre>
  
  <p>In <a href="https://plnkr.co/edit/HrsFvUuPgo9KvlDQJ9uk?p=preview" rel="nofollow noreferrer">this</a> example, pressing the 'Contact' link works.</p>
  
  <p><strong>app-routing.module</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>const appRoutes: Routes = [
    { path: 'admi', loadChildren: () =&gt; AdminModule },
    { path: '',   redirectTo: '/admi/n', pathMatch: 'full' }
  ];
  </code></pre>
  
  <p><strong>admin-routing.module</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>const adminRoutes: Routes = [
  { 
    path: 'n', 
    component: AdminComponent,
    children: [ 
      {
        path: 'compose',
        component: ComposeMessageComponent,
        outlet: 'popup'
      }
    ]
  }];
  </code></pre>
  
  <p>The difference is in the app-routing.module and the admin-routing.module. The working example doesn't have an empty path for the admin-routing.module.
  According to the <a href="https://angular.io/docs/ts/latest/guide/router.html#!#asynchronous-routing" rel="nofollow noreferrer">documentation</a> having an empty path should work.</p>