首页 > 解决方案 > 父 li 上的单击侦听器还注册了对子 ul li 子菜单的单击

问题描述

当我点击我的服务时,它会打开子菜单电子邮件。但是,如果我单击子菜单,它会将菜单从打开切换到关闭,同时将我带到正确的链接。应该发生的是菜单应该只在单击父 li 时切换 <

ul class="sidebar-menu" data-widget="tree">
    <li #myLi class="treeview" *ngIf="emailServiceUserExists" (click)="myLi.classList.toggle('active'); myLi.classList.toggle('menu-open') ">
            <a style="cursor: pointer;">
                  <i class="fa fa-folder"></i> <span>My Services</span>
                  <span class="pull-right-container">
                    <i class="fa fa-angle-left pull-right"></i>
                  </span>
            </a>
            <ul class="treeview-menu">
              <li><a routerLink="/dashboard/my-services/email"><i class="fa fa-circle-o"></i> Email </a></li>
           </ul>
    </li>
</ul>

标签: angular

解决方案


推荐阅读