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