javascript - 防止 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

如果您在点击链接时不希望任何重定向，请查看这些解决方案:

Different methods to make a null link?

或者你可以输入 <a>没有 href 的标签属性。