需要内部动作列表支持角度js下拉列表

Question

任何人都可以提供带有动作链接的angularjs下拉参考，如图所示吗？从动作列表中，如果我们鼠标悬停在任何标签的单独动作列表上，则应显示出来。请参阅随附的屏幕截图以供参考。我也应该能够拥有part2，如图所示。官方Angularjs UI Bootstrap下拉菜单（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中（例如UI Utils参见 jQuery Passthrough 的实现）。

---

其他可能有帮助/相关的主题：

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