title: Angular2 - Routing not working when using router-outlet name
body: <p>I'm trying to give a name to the router-outlet but it is not working.</p>
  
  <p>This is the basic routing that works perfectly:</p>
  
  <h1>routing module</h1>
  
  <pre><code>@NgModule({
    imports: [
      RouterModule.forChild([
        {
          path: 'admin',
          component: AdminComponent,
          children: [
            {
              path: '',
              redirectTo: 'dashboard1',
              pathMatch: 'full'
            },
            {
              path: 'dashboard1',
              component: AdminDashboard1Component
            },
            {
              path: 'dashboard2',
              component: AdminDashboard2Component
            }
          ]
        }
      ])
    ],
    exports: [
      RouterModule
    ]
  })
  export class AdminRoutingModule { }
  </code></pre>
  
  <h1>component html</h1>
  
  <pre><code>&lt;div class="wrapper"&gt;
  
    &lt;app-admin-header&gt;&lt;/app-admin-header&gt;
    &lt;!-- Left side column. contains the logo and sidebar --&gt;
    &lt;app-admin-left-side&gt;&lt;/app-admin-left-side&gt;
  
    &lt;!-- Content Wrapper. Contains page content --&gt;
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
  
    &lt;!-- /.content-wrapper --&gt;
    &lt;app-admin-footer&gt;&lt;/app-admin-footer&gt;
  
    &lt;!-- Control Sidebar --&gt;
    &lt;app-admin-control-sidebar&gt;&lt;/app-admin-control-sidebar&gt;
    &lt;!-- /.control-sidebar --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I want to give a name to the router-outlet in order to implement some customizations but it doesen't work.</p>
  
  <p>If I apply this changes:</p>
  
  <pre><code> &lt;router-outlet name='one'&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>and:</p>
  
  <pre><code>imports: [
      RouterModule.forChild([
        {
          path: 'admin',
          component: AdminComponent,
          children: [
            {
              path: '',
              redirectTo: 'dashboard1',
              pathMatch: 'full'
            },
            {
              path: 'dashboard1',
              component: AdminDashboard1Component,
              outlet:'one'
            },
            {
              path: 'dashboard2',
              component: AdminDashboard2Component
              outlet:'one'
            }
          ]
        }
      ])
    ]
  </code></pre>
  
  <p>The routing is not working:</p>
  
  <p>/admin   : the application is loaded but noone component is injected</p>
  
  <p>/admin/dashboard1 : the application is not loaded and I get this error in console:  Error: Cannot match any routes. URL Segment: 'admin/dashboard1'</p>
  
  <p>Thanks to support</p>