单击Angular 6.1中的routerLink href时没有任何反应

Question

当我单击以以下方式定义的路由时，什么都没有发生。

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

<router-outlet></router-outlet> 

位于app.component.html文件中（这是routerlink所在的位置）

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

已添加到app.module.ts中的路由。

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

导入到 about.component 中。

我缺少一些明显的东西吗？

Answer 1

您在app.component.html中使用的名称带有/字符。

您有两个选择

1. （推荐）：只需删除该字符即可。

   {路径：“关于”，组件：AboutComponent}

2. 只需将其添加到routerLink中：

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