angular的下拉菜单

dropdown menu for angular

本文关键字：下拉菜单 angular      更新时间：2023-09-26

我们在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

使用键盘导航UI

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

相关文章：