title: Angular 2 deep linking not working properly
body: <p>I just start to learn Angular 2 and I have created an Angular 2 app with <em>Angular2VisualStudioTemplate</em> template. In my <code>app-routing.module.ts</code> I have the next routes declared:</p>
  
  <pre><code>const routes: Routes = [
      { path: '', component: LoginComponent },
      { path: 'login', component: LoginComponent },
      { path: 'distribution', component: DistributionComponent },
      { path: 'dashboard', component: DashboardComponent }
  ];
  </code></pre>
  
  <p>The root component just has the <code>&lt;router-outlet&gt;&lt;/router-outlet&gt;</code> directive.
  In the <code>LoginComponent</code> view there is an input with <code>[routerLink]="['/dashboard']</code> directive so when the user click on the button you can navigate to <code>/dashboard</code>.</p>
  
  <p>The problem is that if I want to navigate to <code>/dashboard</code> or any other path, typing the URL in the broswer's navigation bar it just doesn't work. The page just displays the login view and it doesn't change to the <code>dashboard</code> component or any other. Notice that I haven't implemented some login mechanism, there are just dummy views and components. </p>
  
  <p>I've seen similar questions referring to problems like mine but I can't figured out how to solve this. Thanks in advance</p>