Question

我第一次访问页面时遇到问题，href =＃完美运行，但是第二次将我重定向到myproject /＃那我的项目上不存在该替换吗，顺便说一下我尝试删除href =＃但它没有用。谢谢！

<ul class="sidebar-menu tree" data-widget="tree">
<li class="treeview">

          <a href="#">
            <i class="fa fa-users"></i>
            <span>Les employés</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
          </a>
          <ul class="treeview-menu">
              <li>
                  <a [routerLink]= "['/emplist']">
                    <i class="fa fa-users"></i> <span>Les employés</span>
                  </a>
              </li>
              <li>
                  <a [routerLink]= "['/empform']">
                    <i class="fa fa-bed"></i> <span>Les congés des employés</span>
                  </a>
              </li>            
          </ul>
        </li>
</ul>

没有错误

Answer 1

如果您根本不希望它重定向您，则可以执行以下操作：

.html

<a href="#" (click)="preventRedirect($event)">
...
</a>

.ts

preventRedirect(e) {
    e.preventDefault();
}

Answer 2

如果您不想重定向，则可以从锚标记中删除href

所以您必须更改

<a href="#">...</a>

到

<a>...</a>

Answer 3

我解决了这个问题！当我使用“ routerlink”导航到第二页时，我使用了前两种解决方案，但是当我想返回首页时，菜单“ lesemployeeés”不想下拉菜单！这是我的问题，但是我通过删除href =＃解决了问题，并使用href =“ / firstpage” href =“ / secondpage”在页面之间导航，而不是routerlink！谢谢大家！

这是我的代码，可以正常工作，但页面应该刷新：

<ul class="sidebar-menu tree" data-widget="tree">
<li class="treeview">

          <a>
            <i class="fa fa-users"></i>
            <span>Les employés</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
          </a>
          <ul class="treeview-menu">
              <li>
                  <a href= "emplist">
                    <i class="fa fa-users"></i> <span>Les employés</span>
                  </a>
              </li>
              <li>
                  <a href= "/empform">
                    <i class="fa fa-bed"></i> <span>Les congés des employés</span>
                  </a>
              </li>            
          </ul>
        </li>
</ul>

导航栏菜单“ <a href=#> </a>”上的问题重定向到/＃

3 个答案: