角度下拉菜单

时间:2015-04-09 16:13:10

标签: javascript jquery angularjs

我们在Angular.js中使用下拉菜单的代码如下:

<div class="additional-features">
    <div class="event-update-label">Update Options</div>
    <div class="additional-features-item" ng-click="performOperation(1);">Action 1</div>
    <div class="additional-features-item" ng-click="performOperation(2);">Action 2</div>
    <div class="additional-features-item" ng-click="performOperation(3);">Action 3</div>
    <div class="additional-features-item" ng-click="performOperation(4);">Action 4</div>
</div>

使用CSS,它显示为用户可以单击的菜单。菜单标题为Update Options,如第一个div中所示。问题是菜单键盘可访问。所有操作都需要单击鼠标。我该如何向该菜单添加该辅助功能?然而,在jQuery中,并不是不可能的,因为我不确定这些指令在这种情况下是如何工作的。我可以就这如何运作提供一些指导吗?我已阅读以下内容:

https://github.com/jseppi/angular-dropdowns

https://github.com/angular-ui/bootstrap/issues/1931

Navigate the UI using keyboard

1 个答案:

答案 0 :(得分:1)

我的解决方案是使用jQuery,然后从那里开始。这不是理想的解决方案,但是,我无法以直接的angular.js方式使其工作。