twitter-bootstrap - 角度引导下拉切换 - 通过键盘箭头键导航

Question

我正在使用引导程序的下拉切换指令。但我可以通过鼠标导航菜单，但不能通过键盘箭头键。请让我知道如何通过键盘上/下箭头键导航。

看到这个插件： http ://plnkr.co/edit/m5TBlkVMVJHVF69V2635?p=preview

Answer 1

对于 Bootstrap 下拉菜单，向上/向下箭头依赖于能够“聚焦”锚点，这需要href指定属性。

<ul class="dropdown-menu">
  <li ng-repeat="choice in items">
    <a href="javascript:void(0)">{{choice}}</a>
  </li>
</ul>

注意使用 ofhref="javascript:void(0)"而不是通常的href="#"，因为后者会导致 AngularJS 由于路由改变而重新加载页面。