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

Question

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 有很多对我很重要的修复，因此我必须升级。

感谢任何帮助。

Answer 1

我之前遇到过同样的问题，从源代码中发现指令不再是C 类限制。您可以将它们作为属性提供。由于 bootstrap.css 还使用类名 dropdown、dropdown-toggle、dropdown-menu 定义了下拉列表的规则，并且这些指令也曾经是类限制的，因此它们过去只使用 0.11 中的类名规范。 0。但这似乎已在 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