title: Angular 2 nested routing: view or url not being updated
body: <p>Main router:</p>
  
  <pre><code>@RouteConfig([
      { path: '/', name: 'Intro', component: IntroComponent, useAsDefault: true },
      { path: '/locator/...', name: 'Locator', component: LocatorComponent },
  ])
  </code></pre>
  
  <p>Child router:</p>
  
  <pre><code>@RouteConfig([
      { path: '/bydistrict', name: 'ByDistrict', component: ByDistrictComponent },
      { path: '/bycounty', name: 'ByCounty', component: ByCountyComponent },
      { path: '/byregion', name: 'ByRegion', component: ByRegionComponent, useAsDefault: true }
  </code></pre>
  
  <p>Main nav:</p>
  
  <pre><code>    &lt;a class="nav-item nav-link" href="#" [routerLink]="['Locator', 'ByDistrict']"&gt;Search&lt;/a&gt;
      &lt;a class="nav-item nav-link" href="#" [routerLink]="['Locator', 'ByCounty']"&gt;Counties&lt;/a&gt;
      &lt;a class="nav-item nav-link" href="#" [routerLink]="['Locator', 'ByRegion']"&gt;Regions&lt;/a&gt;
  </code></pre>
  
  <p><strong>ISSUE #1:</strong> When clicking through the main nav links, the view is always updated correctly but the URL never updates to reflect the first nav item "Search" when it is selected. It always remains set to the previously active path. The other two update correctly.</p>
  
  <p><strong>ISSUE #2:</strong> When navigating to a new route from a child component (e.g. ByDistrictComponent), the URL is updated to reflect the new route, but the view does not get updated. This problem occurs regardless of whether using <code>[routerLink]="['/Locator', 'ByCounty']</code> is used or from code via <code>this._router.navigate(...)</code>.</p>
  
  <p>For both scenarios no error is reported in the console.</p>
  
  <p>I just updated today to the current version of Angular 2 (2.0.0-beta.11) and it's dependencies. The problem also existed in the previous release I was using (beta.9).</p>
  
  <p>I'm posting both issues as a single question because I think they may be both connected to an unexpected behavior when using child routers.</p>
  
  <h2>UPDATE #1</h2>
  
  <p>Both issues only start occurring when Router is injected into the constructor of a component that is loaded via a directive from the ByDistrictComponent (referenced in the child routes).</p>
  
  <pre><code>import { Component, OnInit }            from 'angular2/core';
  import { ROUTER_DIRECTIVES, ROUTER_PROVIDERS, Router } from 'angular2/router';
  
  @Component({
      ...
  })
  export class DistrictListComponent implements OnInit {
      constructor(
          private _router: Router) { // &lt;-- causes both issues
      }
      ...
  }
  </code></pre>