javascript - Angular 引导弹出窗口 - 删除自定义指令中的标题

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