title: Angular routerLink does nothing and redirect to the home page
body: <p>When I click on the routerLink nothing happens and if I try open the link (copying to the adress bar) it redirects me to <code>http://localhost:4200</code>.</p>
  <p><strong>book.component.html</strong></p>
  <pre><code>    &lt;h2&gt;Books&lt;/h2&gt;
  &lt;ul class=&quot;books&quot;&gt;
      &lt;li *ngFor=&quot;let book of books&quot;&gt;
          &lt;a routerLink=&quot;/detail/{{book.key}}&quot;&gt;
              {{book.key}} {{book.title}}
          &lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p><strong>{{book.key}} equals something like this: /works/OL27448W</strong></p>
  <pre><code>const routes: Routes = [
    { path: '', redirectTo: '/dashboard', pathMatch: 'full' },
    { path: 'dashboard', component: DashboardComponent },
    { path: 'books', component: BooksComponent },
    { path: 'detail/:key', component: BookDetailComponent }
  ];
  </code></pre>