角手风琴和popover覆盖答案

【问题标题】：Angular accordion and popover overlay角手风琴和popover覆盖
【发布时间】：2014-08-12 01:11:24
【问题描述】：

我在手风琴内使用http://angular-ui.github.io/bootstrap/ 手风琴和弹出框。但是 Popover 和手风琴只会在手风琴内部创建覆盖和弹出框显示。

HTML代码：

<accordion>
    <accordion-group is-open="element.hide" is-disabled="lock">
        <accordion-heading>
            <a href="" ng-click="element.hide = false"><i class="icon-chevron-right" ng-hide="element.hide"></i></a>
            <a href="" ng-click="element.hide = true"><i class="icon-chevron-down" ng-show="element.hide"></i></a>
            <i ng-show="element.description" popover="{{element.description}}" popover-trigger="mouseenter" class="icon-info-sign"></i> 
        </accordion-heading>
        //inner eccordion HTML
    </accordion-group>
</accordion>

【问题讨论】：

标签： css angularjs angular-ui-bootstrap

【解决方案1】：

如果你能提供一个plunkr就更好了。但我觉得“popover-append-to-body”可能会解决您的问题。

<i ng-show="element.description" popover="{{element.description}}" popover-trigger="mouseenter" popover-append-to-body="true" class="icon-info-sign"></i>

【讨论】：