角度的下拉菜单

Question

我们在 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 中，这并非不可能，但对于 angular，我不确定指令在这种情况下如何工作。我可以就这将如何工作提供一些指导吗？我已阅读以下内容：

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

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

Navigate the UI using keyboard

Answer 1

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