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

Question

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

任何帮助表示赞赏.

Answer 1

我之前经历过同样的问题,从源头发现指令不再C受类限制.您可以将它们作为属性提供.由于bootstrap.css还定义了规则与类名的下拉dropdown,dropdown-toggle,dropdown-menu和指令也曾经是类限制他们使用只用在0.11.0类名的规范工作.但这似乎已经改变了0.12.0并且指令不再C受限制(相反,它们遵循角度指令的默认指令限制规则,即EA限制为1.3和A1.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