父级li上的点击监听器还会注册子级ul li子菜单上的点击

Question

当我单击我的服务时，它会打开子菜单“电子邮件”。但是，如果我单击子菜单，它将带我进入正确的链接，从而将菜单从打开切换为关闭。 应该发生的是，仅当单击父级li时，菜单才应切换  << / p>

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>