angularjs – ui-bootstrap下拉似乎不能使用版本0.12.0

前端之家收集整理的这篇文章主要介绍了angularjs – ui-bootstrap下拉似乎不能使用版本0.12.0前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
似乎已经破坏了版本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>

Plnkr

猜你在找的Angularjs相关文章