title: Angular2 router.navigate reloads app
body: <p>I have the following routes defined in my app ...</p>
  
  <pre><code>app.components.ts
  @RouteConfig([
    {path:'/employees/...', name:'Employees', component:EmployeeComponent},
    ...
  
  employee.component.ts
  @RouteConfig([
    {path:'/', name:'EmployeeList', component:EmployeeListComponent, useAsDefault: true},
    {path:'/:id', name:'EmployeeDetail', component:EmployeeDetailComponent}
  ])
  </code></pre>
  
  <p>When I route from the EmployeeDetailComponent template ...</p>
  
  <pre><code>&lt;button class="btn btn-default" [routerLink]="['EmployeeList']"&gt;Close&lt;/button&gt;
  </code></pre>
  
  <p>the app routes to the employee listing page as expected.  </p>
  
  <p>However, when I route using router.navigate ...</p>
  
  <pre><code>// template
  &lt;button class="btn btn-default" (click)="save()"&gt;Save&lt;/button&gt;
  
  // EmployeeDetailComponent
  saveEmployee() {
    this._employeeServer.updateEmployee(this.employee);
    this._router.navigate(['EmployeeList']);
  }
  </code></pre>
  
  <p>the app routes the the employee listing (as expected) and then, a few moments later, the app reloads entirely (not as expected).</p>
  
  <p>Any idea why router.navigate is behaving differently than routerLink?  What am I missing?</p>