angularjs – angularui bootstrap dropup无法正常工作

发布时间：2020-12-17 17:05:38 所属栏目：安全来源：网络整理

导读：我需要使用一个dropup菜单. 这段代码与ui-bootstrap-tpls-0.10.0.js完美配合： div class="btn-group dropup" button type="button" class="btn btn-default" ng-click="print('PDF')"{{text}}/button button type="button" class="btn btn-default dropdown

我需要使用一个dropup菜单.
这段代码与ui-bootstrap-tpls-0.10.0.js完美配合：

<div class="btn-group dropup">
    <button type="button" class="btn btn-default" ng-click="print('PDF')">{{text}}</button>
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a ng-click="print('PDF')">Pdf</a></li>
        <li><a ng-click="print('EXCEL')">Excel</a></li>
    </ul>
</div>

升级到ui-bootstrap-tpls-0.11.0.js后,dropup弹出窗口不再显示.任何帮助赞赏.下拉列表仍然按预期工作.

解决方法

将dropdown属性添加到外部div：

<div class="btn-group dropup" dropdown>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!