0

当我单击下拉菜单时，它会显示所有嵌套菜单的列表，但是当我单击嵌套链接时，它会关闭下拉列表，我希望不要关闭下拉列表，我正在使用 Angular 7 这是我的菜单

    <ul class="navbar-nav" >

    <li class="nav-item">
      <a class="nav-link text-truncate collapsed" href="#submenu1" data- 
       toggle="collapse" data-target="#submenu1"
        aria-expanded="false"><i class="fa fa-file-alt"></i> <span class="d- 
        none d-sm-inline">Contracts </span></a>
      <div class="collapse" id="submenu1" aria-expanded="false">

        <ul class="flex-column nav" >

         <li class="nav-item" ><a class="nav-link py-1" 
        (click)="navPropigation($event)" 
        routerLink="/contracts/supplier">Supplier Contract </a></li>

          <li class="nav-item"><a class="nav-link py-1" 
           routerLink="/contracts/client">Client Contracts</a></li>

          <li class="nav-item"><a class="nav-link py-1" data-toggle="modal" 
           data-target="#exampleModal">Create Contracts</a></li>

        </ul>
      </div>
    </li>
  </ul>

我在 component.ts 文件中使用了这些代码行但不工作

navPropigation($event)
{
$event.stopPropagation();
}

我已经尝试了很多其他的东西，但没有什么对我有用

4

0 回答 0