title: RouterLink with auxiliary routes
body: <p>So I have got an Application with 2 seperate parts that need to be navigated individually and thought Aux Routing was the way to go.</p>
  
  <p>Here are my routes:</p>
  
  <pre><code>export const ROUTES: Routes = [
    { path: '',
      component: AbmBlock
    },
    { path: 'abm',
      component: AbmBlock
    },
    { path: 'summary',
      component: SummaryBlock,
      outlet: 'detail'
    },
    { path: '**',    component: AbmBlock },
  ];
  </code></pre>
  
  <p>Here are the router outlets</p>
  
  <pre><code>    &lt;div class="app-content"&gt;
      &lt;div class="main-container"&gt;
          &lt;div  class="main-panel"&gt;
              &lt;router-outlet&gt;&lt;/router-outlet&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="detail-container"&gt;
          &lt;div  class="detail-panel"&gt;
               &lt;router-outlet name="detail"&gt;&lt;/router-outlet&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this is my try to configure the RouterLink</p>
  
  <pre><code>&lt;a [routerLink]= "['/abm']" &gt; 1&lt;/a&gt;
  &lt;a [routerLink]= "[{ outlets: { 'detail': ['summary']}}]" &gt; 2&lt;/a&gt;
  </code></pre>
  
  <p>EDIT:</p>
  
  <p>The Second link works only when clicked first. 
  When i navigate to "/abm" the second link stops working.
  When i click it while on the "/" route it works perfectly to "/(details:summary)"</p>
  
  <p>When i hover the link while on the "/abm(details:summary)" route it shows "/abm/(details:summary)(details:summary)"</p>
  
  <p>I guess it must be some Problem wiht relative and absolute routes, but i can't seem to find it.</p>