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

Question

我编写了一个小指令，当文本长度过长时显示弹出框 (Angular-UI Bootstrap)。 每次显示弹出框时，它总是为标题添加一个空白行 - 我如何删除它？ 当我使用element.next().find('.popover-title').hide(); 执行此操作时，它会将弹出框放置在错误的位置（对象上方 17 像素）。

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 下载默认模板