Angular UI多级下拉切换

Question

我正在尝试使用Angular UI Dropdown Toggle来创建多级/嵌套下拉菜单.

当我点击下拉列表的第一级时,它只是完全关闭而不会显示第二层.

我附上了一个非常基本的plunkr来展示我正在努力实现的基本版本.

http://plnkr.co/edit/c0GbKQoYWICXwd3JRWGV?p=info

任何帮助,非常感谢.

谢谢

Answer 1

子菜单已从Boostrap 3中删除,因为它被视为与移动设备无关.

"子菜单现在在网络上没有多少地方,特别是移动网络.它们将被移除3.0" - https://github.com/twbs/bootstrap/pull/6342

使用Bootstrap 3.0.0(最终版)的示例:http://bootply.com/86684

来自StackOverflow的代码: 缺少Bootstrap 3下拉子菜单

Answer 2

您可以使用“dropdown-submenu”类来实现此目的。

<div class="btn-group dropdown">
  <button class="dropdown-toggle">Toggle</button>
  <ul class="dropdown-menu">
    <li>Item 1</li>
    <li>Item 2</li>
    <li class="dropdown-submenu">
      Sub List
      <ul class="dropdown-menu">
        <li>Submenu Item 1</li>
        <li>Submenu Item 2</li>
      </ul>
    </li>
  </ul>
</div>