角-如何防止<a href="#">在Nav头下拉页重定向到主页

Question

在我的角-13项目中，当用户成功登录时，他被重定向到仪表板。然后，在仪表板Nav头上，用户可以标记：

header.component.ts：

signOut() {
 this.router.navigate(['/auth'])
}

header.component.html：

<li class="nav-item dropdown user-menu">
  <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
    <img src="assets/img/user2-160x160.jpg" class="user-image img-circle elevation-2" alt="User Image">
    <span class="d-none d-md-inline">Alexander Pierce</span>
  </a>
  <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
    <!-- User image -->
    <li class="user-header bg-primary">
      <img src="assets/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
    </li>
    <!-- Menu Footer-->
    <li class="user-footer">
      <a href="#" class="btn btn-default btn-flat">Profile</a>
      <a class="btn btn-danger btn-flat float-right" (click)="signOut()">Sign out</a>
    </li>
  </ul>
</li>

我希望当我点击导航项目下拉菜单，它应该下拉并显示标志。然后，用户应该能够签署。

而不是将其重定向到主页。

当我将#改为javascript时: void(0)；下拉列表没有响应。

我该怎么解决这个问题？

谢谢

Answer 1

如果您想再次加载相同的页面，可以使用句点而不是#，

​

 <a href="." class="btn btn-default btn-flat">Profile</a>

​