앵귤러 부트 스트랩 팝 오버 - 커스텀 디렉티브의 제목 제거

Question

텍스트의 길이가 길어질 때 popover (Angular-UI Bootstrap)를 표시하는 작은 지시문을 작성했습니다. popover가 표시 될 때마다 제목에 빈 행이 추가됩니다. 어떻게 제거합니까? element.next().find('.popover-title').hide();으로 작업 할 때 popover를 잘못된 위치 (개체 위에 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'); 
     }); 

    }; 
}); 

어떤 아이디어? 에디

Answer 1

항상 popover 템플릿을 편집 할 수 있습니다. 번들 템플릿없이 ui-bootstrap.js을 사용해야하고 기본 템플릿을 다운로드해야합니다. project page