角引導下拉切換 - 通過鍵盤箭頭鍵導航

Question

我正在使用引導的下拉切換指令。但我可以通過鼠標瀏覽菜單，但不能通過鍵盤箭頭鍵。 請讓我知道如何導航通過鍵盤上/下箭頭鍵。

見本plunker：http://plnkr.co/edit/m5TBlkVMVJHVF69V2635?p=preview

Answer 1

對於引導下拉菜單時，向上/向下箭頭依賴於能夠「焦點」的錨定，這就需要指定屬性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重新加載由於路徑切換的頁面。