ui-bootstrap版本0.12.0似乎破坏了某些东西。这是我的插件,显示了问题
这适用于版本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有一堆对我很重要的修复,因此我必须升级。
感谢任何帮助。
答案 0 :(得分:42)
我之前经历过同样的问题,从源头发现指令不再是C
类限制了。您可以将它们作为属性提供。由于bootstrap.css还使用类名dropdown
,dropdown-toggle
,dropdown-menu
来定义下拉列表的规则,并且指令也曾被用于类限制,因此他们过去只使用规范类名在0.11.0中。但这似乎已经改变为0.12.0并且指令不再受C
限制(相反,它们遵循角度指令的默认指令限制规则,即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 强>