Question

我想使用angular ui lib中的引导下拉列表。

当我将下拉列表附加到dropdown-append-to的其他DOM元素时，我遇到了问题（即使dropdown-append-to-body无效）。

只有当is-open与ng-click一起使用才能触发下拉列表时，我才能使其正常工作。

我在此plunker中重现了这个问题。

我使用bootstrap 3.3.6，angular ui 2.1.3和angular 1.5.8。

希望有人可以帮助我。

Answer 1

您应该使用uib-dropdown-toggle并在控制器中添加ng-click和切换test

此外，dropdown-append-to-body应接受一个值（默认为false），如此dropdown-append-to-body="true"

<div class="btn-group" uib-dropdown dropdown-append-to-body="true" is-open="test">
    <button type="button" ng-click="onClick(test)" class="btn btn-primary" uib-dropdown-toggle>
      Dropdown on Body <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="btn-append-to-body">
      <!-- list items -->
    </ul>
</div>

exmaple plunk

Angular UI Boostrap下拉列表不会打开[is-open]和[append-to]属性

1 个答案: