title: Angular 2+ Routing redirect
body: <p>This may seems as a silly question but I can't understand this routing</p>
  
  <p>routes.ts:</p>
  
  <pre><code>const APP_ROUTES: Routes = [
    { path: 'home', component: HomeComponent },
    { path: 'articles', component: ArticulosComponent },
    { path: 'article/:id', component: ArticuloComponent },
    { path: '', pathMatch: 'full', redirectTo: 'home' },
    { path: '**', pathMatch: 'full', redirectTo: 'notfound' }
  ];
  </code></pre>
  
  <p>When access to <code>localhost:4200/article/6</code> the router redirects to <code>localhost:4200/#/home</code> but when manually wrote <code>localhost:4200/#/article/6</code> works fine.</p>
  
  <p>First, note <code>#</code> symbol, why is it there and what different does it cause? And... I specify 'manually' because even through code adding the <code>#</code> symbol to the path (ex. <code>&lt;a href="#/article/6"&gt;&lt;/a&gt;</code>) keeps redirecting to <code>home</code></p>
  
  <p>The main question/problem is "Which would be the correct link or rule in other to load the correct component?"</p>