title: Load multiple component in the same router-outlet with angular2
body: <p>I have the following template for the root component of my angular2 app:</p>
  
  <pre><code>&lt;main class="main"&gt;
    &lt;div class="main__container"&gt;
      &lt;div class="main__left-area"&gt;
        &lt;router-outlet name="left-zone"&gt;&lt;/router-outlet&gt;
      &lt;/div&gt;
      &lt;div class="main__right-area"&gt;
        &lt;router-outlet name="right-zone"&gt;&lt;/router-outlet&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/main&gt;
  </code></pre>
  
  <p>And the following routes:</p>
  
  <pre><code>import { HomeSummaryComponent } from "../components/home-summary/home-summary.component"
  import { DataSummaryComponent } from "../components/data-summary/data-summary.component"
  import { AskSummaryComponent } from "../components/ask-summary/ask-summary.component"
  
  import { Routes } from "@angular/router"
  
  export const AppRoutes: Routes = [
    {
      path: "",
      component: HomeSummaryComponent,
      outlet: "left-zone"
    },
    {
      path: "",
      component: DataSummaryComponent,
      outlet: "right-zone"
    }
  ];
  </code></pre>
  
  <p>It actually works pretty well, but I'd like to be able to load more than a single component in the "right-zone" (and in the left one as well actually). The idea would be to have something like this:</p>
  
  <pre><code>{
    path: "",
    components: [ DataSummaryComponent, AskSummaryComponent ],
    outlet: "right-zone"
  }
  </code></pre>
  
  <p>The controllers would just be appended one after one. Is it currently supported? If no, is it possible to extend the existing RouterOutlet to do so?</p>
  
  <p>Thanks</p>