Javascript 角度提升带：ngbDropdown/ngbDropdownToggle和可访问性？

我们在现场导航中使用Bootstrap 4菜单。我们希望能够选择性地使用ng引导下拉列表

您可以使用DS-ONE指令将其转换为NGB-ONE，如下所示：

<li class="nav-item" ngbDropdown>
  <a class="nav-link" ngbDropdownToggle role="button" aria-haspopup="true" aria-expanded="false">Menu 2</a>
  <div class="dropdown-menu ngbfade" aria-labelledby="navbarDropdownMenuLink" ngbDropdownMenu>
    <a class="dropdown-item" routerLink="">Menu Item 1</a>
    <a class="dropdown-item" routerLink="">Menu Item 2</a>
    <a class="dropdown-item" routerLink="">Menu Item 3</a>
  </div>
</li>

菜单2
菜单项1
菜单项2
菜单项3

但是，使用此设置，用户不能像使用常规引导菜单一样，用tab键指向菜单，也不能打开is和tab/Arrow键指向选项

ng bootstrap站点上的代码生成非常不同的HTML，它更多地是一个下拉按钮，而不是一个链接菜单：

<div ngbDropdown class="d-inline-block">
  <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
  <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
    <button ngbDropdownItem>Action - 1</button>
    <button ngbDropdownItem>Another Action</button>
    <button ngbDropdownItem>Something else is here</button>
  </div>
</div>

切换下拉列表
行动-1
另一个动作
这里还有别的东西

有没有办法使指令版本响应制表符

我尝试添加了一个

href

，但当然是使用Angular，点击一下就可以进入应用程序主页