title: Router link in child component
body: <p>I have a RouteConfig in my top level app component defined like this:</p>
  
  <pre><code>@RouteConfig(const [
    const Route(path: '/admin', name: 'AdminSite', component: AdminSite),
    const Route(path: '/', name: 'ManagerSite', component: ManagerSite, useAsDefault: true),
  ])
  </code></pre>
  
  <p>And I have a child component that should hold the navigation links. I define the child component and in the template I used:</p>
  
  <pre><code>  &lt;nav&gt;
      &lt;a *ngIf="authService.user?.is_admin" [routerLink]="['AdminSite']"&gt;Admin&lt;/a&gt;
      &lt;a [routerLink]="['ManagerSite']"&gt;Home&lt;/a&gt;
    &lt;/nav&gt;
  </code></pre>
  
  <p>If I put the links in the app component, everything works fine, but if I move them to the child component, the url in the browser address line updates when I click the link, but the router outlet doesn't change.</p>
  
  <p>I searched through the docs but I can't figure out whats wrong. Can someone please explain what's going on?</p>