angular bootstrap popover - 删除自定义指令中的标题

Question

我写了一个小指令，当文本的长度很长时显示popover（Angular-UI Bootstrap）。 每次弹出窗口时，它总是为标题添加一个空行 - 如何删除它？ 当我用element.next().find('.popover-title').hide();做它时，它将弹出窗口放在错误的位置（比对象高17p）。

app.directive("descriptionPopover", function () {
    return function (scope, element, attributes) {

        element.bind('mouseenter', function (e) {
            var msg = element.text();
            var maxWidth = attributes.widthPopover || 80;

            if (msg.length >= maxWidth ) {
                element.popover('destroy'); //refreshing the content from first init
                var pop = element.popover({
                    content: msg,
                    placement: "top",
                    trigger: "manual",
                    container: "body"
                });
                element.popover('show');
            }
        })
        .bind('mouseleave', function (e) {
            element.popover('hide');
        });

     };
});

任何想法？ 埃迪

Answer 1

您始终可以编辑弹出模板。您需要在没有捆绑模板的情况下使用ui-bootstrap.js，并从project page

下载默认模板