Ничего не происходит при нажатии на routerLink href в Angular 6.1

Question

Ничего не происходит, когда я нажимаю на маршрут, определенный следующим образом.

<li>
    <a class="nav-link" routerLink="/about" routerLinkActive="active">About Us</a>
</li>

<router-outlet></router-outlet> 

находится в файле app.component.html (где находится ссылка на маршрутизатор)

{ path: 'about/', component: AboutComponent } 

добавлено к маршрутам в app.module.ts.

import { ActivatedRoute } from '@angular/router'; 

импортируется в about.component .

Есть что-то очевидное, чего мне не хватает?

Answer 1

Имя, которое вы используете в app.component.html, имеет символ /.

У вас есть два варианта

1. (рекомендуется): просто удалите этот символ.

   {путь: 'about', компонент: AboutComponent}

2. Просто добавьте его в routerLink:

   <a class="nav-link" routerLink="/about/" routerLinkActive="active">About Us</a>