javascript - angularjs:uib 下拉子菜单不起作用

Question

有人可以建议我在下面的 html 中缺少什么来将子菜单添加到 bootstrap 下拉列表吗？

<div class="btn-group" uib-dropdown>
  <button id="split-button" type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger" uib-dropdown-toggle>
    <span class="caret"></span>
    <span class="sr-only">Split button!</span>
  </button>
  <ul class="uib-dropdown-menu" role="menu" aria-labelledby="split-button">
    <li><a ui-sref="a">a</a></li>
    <li><a ui-sref="b">b</a></li>
    <li><a ui-sref="c">c</a></li>
    <li><a ui-sref="d">d</a></li>
      <li class="dropdown-submenu">
        <a href="#">e</a>
        <ul class="dropdown-menu">
          <li><a ui-sref="e1">e1 (sub of e)</a></li>
        </ul>
      </li>
  </ul>
</div>

编辑 1

已添加 plunker

Answer 1

因为 uibDropDown 指令仅限于属性。

你应该写

<ul uib-dropdown-menu="" role="menu" aria-labelledby="split-button">