时间戳

首页 > 解决方案 > Angular 8 routerLink 无法正常工作

html - Angular 8 routerLink 无法正常工作

问题描述

当我在 url 栏中将路径更改为正确的路线时，我会到达我需要去的地方，并且一切都正确显示。实际的路由器链接并没有带我去任何地方。

我在我唯一的模块中正确导入了 NgModule、Routes 和 RouterModule。我的组件已正确导入。路由器插座放置正确。我的 index.html 的头部有 base href="/"。

这是我的html的一部分：

<section class="vertical-sidebar collapse navbar-collapse justify-content-end" id="navbarSidebarContent-main"
        [ngClass]="{'show':displaySideNav}">
        <nav class="nav">
            <ul class="sidebar-links">
                <li>
                    <a routerLink="/home">Home</a>
                </li>
                <li>
                    <a routerLink="/manage-sessions">Manage Sessions</a>
                </li>
                <li>
                    <a routerLink="/export-scancodes">Export ScanCodes</a>
                </li>
                <li>
                    <a routerLink="/imu-data">IMU Data</a>
                </li>
                <li>
                    <a routerLink="/global-order-days">Global Order Days</a>
                </li>
                <li>
                    <a routerLink="/order-exception-report">Order Exception Report</a>
                </li>
            </ul>
        </nav>
    </section>

当我单击链接时，我希望被定向到正确的路径。当我这样做时，什么都不会发生。

标签： htmlangulartypescriptangular-routingangular8

解决方案

按照文档中的说明尝试 

            <ul class="sidebar-links">
                <li>
                    <a routerLink="/home">Home</a>
                </li>
                ....
            </ul>

推荐阅读