角度6-多级选择下拉菜单焦点第一个元素

Question

我正在处理角度6多级选择下拉菜单，但无法使焦点优先元素起作用。

我在标题上有一个按钮（Menu button），单击时需要显示项目列表，每个项目也可能都有subItems。因此，如果有子项，则必须显示箭头，并且将鼠标悬停在父项上，子项应显示为.....

在这里，我希望在单击按钮（菜单按钮）以显示项目后打开下拉菜单时，默认情况下将第一个项目聚焦。

我还希望Tab键在没有tabIndex =“ 0”的情况下工作。意思是，我应该能够使用Tab键逐个浏览项目。 Tab键导航应类似于第一项，第二项，第三项……。此外，如果有子项，则应转到子项以完成它们并进入下一个主项。

 <div id="showMenu">
      <ul class=""
          *ngIf="showMenu"
          role="menu">
        <li  *ngFor="let item of items">

          <a class=""
             (mouseenter)="mouseEnter(item)"
             (mouseleave)="mouseLeave(item)"
             (focus)="mouseEnter(item)"
             (keydown)="submenu(item.subItems)"
             role="menuitem">
            <span class="">{{item.name}}</span>
            <span class="nav__arrow" *ngIf="item.subItems"></span>
          </a>
           ....

keydown事件在这里不起作用。这里有任何线索...