title: How to configure secondary route in Angular
body: <p>I am trying to learn the usage for Angular secondary route and I have a feature module with its own routing module. The html template as follows</p>
  
  <pre><code>  &lt;div class="container-fluid"&gt;
      &lt;div class ="row" style="background-color:beige"&gt;
           &lt;H1&gt;Dashboard&lt;/H1&gt;
           &lt;router-outlet&gt;&lt;/router-outlet&gt;
      &lt;/div&gt;
  
      &lt;div class ="row"&gt;
            &lt;div class="col-lg-4" style="background-color:skyblue"&gt;
              &lt;H1&gt;Foo&lt;/H1&gt;
              &lt;router-outlet name="foo"&gt;&lt;/router-outlet&gt;
             &lt;/div&gt; 
            &lt;div class="col-lg-8" style="background-color:darkseagreen"&gt;
              &lt;H1&gt;Bar&lt;/H1&gt;
              &lt;router-outlet name="bar"&gt;&lt;/router-outlet&gt;
             &lt;/div&gt; 
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>The dashboard routing module is </p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  import { FooComponent } from '../foo/foo.component';
  import { BarComponent } from '../bar/bar.component';
  import { DashboardComponent } from './dashboard.component';
  
  const routes: Routes = [ 
      { path: 'dashboard', component: DashboardComponent},
      { path: 'foo',  component: FooComponent, outlet: "foo" },
      { path: 'bar', component: BarComponent, outlet: "bar" }
   ];
  
  @NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule]
  }, )
  export class DashboardRoutingModule 
  </code></pre>
  
  <p>This is included in the app module - the routing for which is has the root level route.
  My expectation is that the /dashboard path should display the primary <code>DashboardComponent</code> and display as secondary named outlets the <code>FooComponent</code> and <code>BarComponent</code>  However the /dashboard route comes up with just the <code>H1</code> tags visible</p>
  
  <p>I tried to do reproduce this in plunker but it is not working
  <code>http://plnkr.co/edit/6oSeZDNn6BxIyaDM6uKz?p=preview</code></p>
  
  <p>If you know how to get the named secondary outlets to work, please let me know or maybe even get the plunker to work. :-)</p>
  
  <p>Thanks!
  Anand</p>