在 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 文件中（路由链接所在的位置）

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

添加到 app.module.ts 中的路线。

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

在about.component中导入。

我是否遗漏了一些明显的东西？

Answer 1

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

你有两个选择

1. （推荐）：删除那个字符即可。

   { 路径：'about'，组件：AboutComponent }

2. 在router中添加链接即可：

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