需要支持内部操作列表 angular js 下拉列表

Question

任何人都可以向我提供对 angularjs 下拉菜单的参考，其中包含如图所示的操作链接吗？从操作列表中，如果我们将鼠标悬停在任何标签上，则应显示单独的操作列表。请参阅随附的屏幕截图以供参考。如图所示，我应该也可以拥有第 2 部分。官方AngularjsUIBootstrap下拉菜单（ui.bootstrap.dropdown）只提供了一个动作列表（part1来自图片）

截至目前，我已经使用了以下工作正常的正常代码：

<div class="btn-group" dropdown is-open="status.isopen">
    <button type="button" class="btn dropdown-toggle" dropdown-toggle>
        Save Options <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href ng-click="saveFilter(ui3DataSet)">Save Filter</a></li>
        <li><a href ng-click="saveAsFilter(ui3DataSet)">Save Filter As</a></li>
    </ul>
</div>

但是现在当我将鼠标悬停在 saveFilter(ui3DataSet) 上时，另一个列表应该显示在右侧。我正在寻找任何 Angularjs 插件轻松提供此功能。

根据@Dmitri Zaitsev，以下解决了问题：

<li class="dropdown-submenu">
    <a href ng-click="saveAsFilter(ui3DataSet)">Others</a>
    <ul class="dropdown-menu">
        <li> One </li>
        <li> two </li>
    </ul>
</li>

Answer 1

这是一个纯粹的 Bootstrap 实现：

http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3#comments

如果你愿意，你可以将它包装到 Angular directive 中（参见 jQuery Passthrough 的实现 UI Utils）。

还有可能属于 help/related 的其他话题：

Dynamically creating nested navigation menu item using Bootstrap and Angularjs

AngularJS multilevel dropdown menu for a menu structure generated from a recursive directive

Angular UI multi-level Dropdown Toggle

需要支持内部操作列表 angular js 下拉列表

need inner action list supported angular js dropdown

angularjs

angular-ui

angularjs-directive

angular-ui-bootstrap