防止 Angular 2 将 <a href="#"> 重定向到主页

Question

我有一个指向仪表板的示例登录页面。登录页面设置为初始重定向页面，并路由至仪表板。仪表板包含一个带有一些链接的下拉菜单。每次单击链接时，它都会重定向到登录页面。但是，当重新加载仪表板页面时，下拉菜单可以完全正常工作。

我正在考虑使用“event.preventDefault()”作为链接，但我希望有一个解决方法。

仪表板菜单 - HTML

<div class="navbar-default sidebar" role="navigation">
  <div class="sidebar-nav navbar-collapse">
    <ul class="nav" id="side-menu">
      <li>
        <a href="#"><i class="fa fa-calendar fa-fw"></i> Manage Events<span class="fa arrow"></span></a>
        <ul class="nav nav-second-level collapse">
          <li>
            <a href="#">Lorem Ipsum</a>
          </li>
          <li>
            <a href="#">Lorem Ipsum</a>
          </li>
        </ul>
        <!-- /.nav-second-level -->
      </li>
    </ul>
  </div>
  <!-- /.sidebar-collapse -->
</div>

编辑：在得到一些回复后，我想澄清我的主要问题。问题存在于链接为空链接，并且 Angular 2 将其视为空链接并导致其重定向。如果我能找到一种解决方法来告诉 Angular，不要将此链接视为空链接，那将是理想的选择。

Answer 1

如果您在点击链接时不希望出现任何重定向，请查看以下解决方案：

建立空链接的不同方法？

或者您可以放置<a>​​不带属性的标签href。