似乎已经破坏了版本0.12.0的ui-bootstrap。这是我的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>
WITH
<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有一堆修复对我很重要,因此我必须升级。
任何帮助是赞赏。
以前我经历了同样的问题,从源头发现,指令不再被C类限制了。您可以将其作为属性提供。由于bootstrap.css还定义了下拉列表的规则,其中的类名为dropdown,dropdown-toggle,dropdown-menu和伪指令也被用于限制类,它们仅用于0.11.0中类名的规范。但是这似乎已经改变了0.12.0,并且指令不再受限制(相反,它们遵循角度指令的默认指令限制规则,即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>