html - 如何在引导程序中设置导航链接到当前页面

Question

我在该应用程序中使用角度应用程序，我为主页、关于、通知、注销创建了导航链接。

但是当我单击主页链接时，它将转到登录页面

但是只有当我们点击主页和通知时，我才必须留在当前页面。

组件.html

 <nav class="navbar navbar-expand-sm   navbar-light bg-light " id="navcolor">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03"
      aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <img src="assets/img/bbbs.jpeg" height="40" width="40" style="mix-blend-mode: multiply;opacity: 0.6;">ADDS
    &nbsp;
    <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
      <ul class="navbar-nav mr-auto mt-2 mt-lg-0">

        <li class="nav-item">
          <a routerLink="#" class="nav-link" id="col"><i class="fa fa-fw fa-home fa-lg"></i>Home <span
              class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
          <a routerLink="/About" class="nav-link" href="#" id="col"><i class="fa fa-info-circle fa-lg"></i> About</a>
        </li>

        <li class="nav-item">
          <a routerLink="#" class="nav-link" id="col"><i class="fa fa-fw fa-bell"></i> Notifications&nbsp;<span
              id="notificount">

            </span></a>


      </ul>
      <div class="social-part">
        <a href="#" id="col" style="color: black;" (click)="logout()"><i class="fa fa-sign-out"></i>Logout</a>

      </div>
    </div>
  </nav>

现在我的要求是当我单击主页或通知时，它必须保留在它自己的当前页面中。

任何人都可以帮助我解决这个问题。

标签： htmlangulartwitter-bootstrapbootstrap-4angular-ui-bootstrap

Answer 1

当前页面的路由器路径是什么？例如，如果路由器如下：

{ 
  path: 'home',
  component: HomeComponent
}

您必须将 routerlink 更改为此：

<a routerLink="/home" ...></a>