Angular bootstrap下拉切换 - 在键盘箭头键中导航

Question

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

请参阅此plunker：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>

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