title: Angular2 Router link not working
body: <p>My router link works from the root component and the same link not working if I move the links to child component. The plunker code shows the working link and non working link. Thank you in advance. The below is the not working links.</p>
  
  <pre><code>//our root app component
  import {Component} from '@angular/core'
  
  @Component({
      selector: 'my-menu',
      template: `
      &lt;div&gt;
      &lt;a routerLink="/comp11" routerLinkActive="active"&gt;Crisis Center&lt;/a&gt; | 
      &lt;a routerLink="/comp12" routerLinkActive="active"&gt;Heroes&lt;/a&gt; | 
      &lt;a routerLink="/comp21" routerLinkActive="active"&gt;Heroes&lt;/a&gt; | 
      &lt;a routerLink="/comp22" routerLinkActive="active"&gt;Heroes&lt;/a&gt;
    &lt;/div&gt;
  `,
  })
  export class AppLayout {}
  </code></pre>
  
  <p><a href="https://plnkr.co/edit/vYmZyvqVYuk8o2U4vpT6?p=preview" rel="noreferrer">Plunker code with issue</a></p>