角度手风琴和popover叠加

时间:2014-06-21 12:10:26

标签: css angularjs angular-ui-bootstrap

我使用http://angular-ui.github.io/bootstrap/手风琴并在手风琴中弹出。 但是Popover和手风琴只能在手风琴中创建叠加和弹出窗口块显示。 enter image description here

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>

1 个答案:

答案 0 :(得分:2)

如果你能提供一个傻瓜会更好。但我觉得“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>