ui-bootstrap下拉似乎无法使用版本0.12.0

时间:2015-01-07 01:47:29

标签: angularjs angular-ui-bootstrap

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

感谢任何帮助。

1 个答案:

答案 0 :(得分:42)

我之前经历过同样的问题,从源头发现指令不再是C类限制了。您可以将它们作为属性提供。由于bootstrap.css还使用类名dropdowndropdown-toggledropdown-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