ui-bootstrap 下拉菜单似乎不适用于 0.12.0 版

ui-bootstrap drop down seems to be not working with version 0.12.0

ui-bootstrap 0.12.0 版本似乎有问题。这是显示问题的我的 plunkr

这适用于版本 0.11.0

http://plnkr.co/edit/9XJx2c2X7lRSc6V1n5BO?p=preview

如果你用这个 plunkr 替换以下行

<script data-require="ui-bootstrap@*" data-semver="0.11.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.min.js"></script>

<script data-require="ui-bootstrap@*" data-semver="0.12.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.min.js"></script>

然后下拉列表停止工作(当您单击时)。我不确定这是否是回归,但任何变通办法都会很有帮助。 0.12.0 有一堆对我很重要的修复,因此我必须升级。

感谢任何帮助。

我之前遇到过同样的问题,从源代码中发现指令不再 class C 限制。您可以将它们作为属性提供。由于 bootstrap.css 还使用 class 名称定义了下拉列表的规则 dropdowndropdown-toggledropdown-menu 并且指令也曾经是 class restricted 他们过去只使用 0.11.0 中 class 名称的规范。但这似乎已在 0.12.0 中更改,指令不再受到 C 限制(相反,它们遵循 angular 指令的默认指令限制规则,即 EA 限制为 1.3 和 A 对于 1.2 版本),但是 css 规则保持不变,因此同时使用两者。

尝试:

    <span class="dropdown" dropdown>
    <a href="" class="dropdown-toggle" dropdown-toggle>
        Click
    </a>
    <ul class="dropdown-menu" dropdown-menu>
      <li> 
        <a ng-click="action1()">Action1</a>
      </li>
      <li>
        <a ng-click="action2()">Action2</a>
      </li>
      <li>
        <a ng-click="action3()">Action3</a>
      </li>
      <li>
        <a ng-click="action4()">Action4</a>
      </li>
      <li>
        <a ng-click="action5()">Action5</a>
      </li>
    </ul>

Plnkr