title: Angular2 route incorrectly reloads home page
body: <p>Got a simple demo site with 2 pages (home and project). When I click from the homepage to the projectpage via the menubar everything works fine. But when I click a link from the homepage on a link to the projectpage, the projectpage is shown a second and than the homepage is reloaded. Anybody an idea what might be wrong? If I make a replace the anchor by a button, it works fine too! So I guess something wrong with <strong>href=""</strong></p>
  
  <p><strong>The routes:</strong></p>
  
  <pre><code>const routes: Routes =[
    { path: 'home',             component: HomeComponent },
    { path: 'project',          component: ProjectsComponent },
    { path: '', redirectTo: 'home', pathMatch: 'full' }
  ];
  
  @NgModule({
    imports: [
    ...,
    RouterModule.forRoot(routes, { useHash: true })
  ],
  exports: [
  ],
  </code></pre>
  
  <p>})</p>
  
  <p><strong>The nav-bar (works fine):</strong></p>
  
  <pre><code>&lt;a [routerLink]="['/project']" class="nav-link"&gt;Project&lt;/a&gt;
  </code></pre>
  
  <p><strong>The html (homepage - happens to be a component):</strong></p>
  
  <pre><code>&lt;a href="" (click)="showProject()"&gt;project&lt;/a&gt; 
  </code></pre>
  
  <p><strong>The typescript (of the component):</strong></p>
  
  <pre><code>import { Router } from '@angular/router';
  
  constructor(private router: Router) {
    ...
  }
  
  public showProject() {
    this.router.navigate(['/project']);
  }
  </code></pre>