javascript - angular ブートストラップ ポップオーバー - カスタム ディレクティブでタイトルを削除

Question

テキストの長さが長すぎる場合にポップオーバー ( Angular-UI Bootstrap )を表示する小さなディレクティブを作成しました。ポップオーバーが表示されるたびに、常にタイトルの空白行が追加されます - どうすれば削除できますか? 私がそれをやっているとelement.next().find('.popover-title').hide();、ポップオーバーが間違った位置（オブジェクトの上に17px）に配置されます。

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');
        });

     };
});

何か案は？エディ