title: Angular 2 Materials Md-tab w/ routing issues
body: <p>I am trying to create a tab-based dashboard in angular 2 and love material design's md-tab component, but am having trouble keeping persistent routes defined in the tab content groups. The code I pasted is just my mock up but ideally it would be great if I could have one  to worry about and just have each tab route to different links, but I cant seem to find a working solution. Any help would be appreciated.</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;/md-toolbar&gt;
  &lt;md-tab-group&gt;
    &lt;md-tab&gt;
      &lt;template md-tab-label&gt;One&lt;/template&gt;
      &lt;template md-tab-content&gt;
        &lt;router-outlet&gt;&lt;/router-outlet&gt;
      &lt;/template&gt;
      &lt;nav&gt;
      &lt;!--a routerLink="/dashboards" routerLinkActive="active"&gt;One&lt;/a--&gt;
    &lt;/nav&gt;
    &lt;/md-tab&gt;
    &lt;md-tab&gt;
      &lt;template md-tab-label&gt;Two&lt;/template&gt;
      &lt;template md-tab-content&gt;
        &lt;h1&gt;HELLO&lt;/h1&gt;
        &lt;router-outlet&gt;&lt;/router-outlet&gt;
      &lt;/template&gt;
    &lt;/md-tab&gt;
    &lt;md-tab&gt;
      &lt;template md-tab-label&gt;Three&lt;/template&gt;
    &lt;/md-tab&gt;
    &lt;md-tab&gt;
      &lt;template md-tab-label&gt;Four&lt;/template&gt;
    &lt;/md-tab&gt;
    &lt;md-tab&gt;
      &lt;template md-tab-label&gt;Five&lt;/template&gt;
    &lt;/md-tab&gt;
  &lt;/md-tab-group&gt;
  &lt;/md-sidenav-layout&gt;
  </code></pre>