时间戳

首页 > 解决方案 > 在 Angular 6.1 中单击 routerLink href 时没有任何反应

angular - 在 Angular 6.1 中单击 routerLink href 时没有任何反应

问题描述

当我单击以下列方式定义的路线时，没有任何反应。

<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中导入。

我有什么明显的遗漏吗？

标签： angularservicestackasp.net-core-2.1

解决方案

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

你有两个选择

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

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

  2. 只需在 routerLink 中添加它：

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

推荐阅读