Tooltip'te HTML formatlı içerik nasıl gösterilir? (Kullanıcı Arayüzü Takvimi)

Question

UI Takvim için takvim girdisi araç ipucunda birden fazla satırda içerik görüntülemeye çalışıyorum ve çalışmıyor.

İşte Burada

$scope.onEventRender = function(event, element, view) { 
    if(event.hover_data) { 
     $timeout(function(){ 
      var hdata = event.hover_data.join('<br />'); 
      element.attr({'tooltip': hdata, 'tooltip-append-to-body': true}); 
      $compile(element)($scope); 
     }); 
    } 
} 

o

beni yanlış yapıyorum iletin böyle görünüyor kodu olduğunu.

Answer 1

HTML formatlı metni işitme engelli tarayıcı araç ipucunda gösteremezsiniz. Tarayıcı araç ipucu yerine, tam biçimlendirilmiş araç ipuçlarını göstermek için üçüncü taraf javascript kitaplıklarını kullanmalısınız.

jQuery UI araç ipucu: gibi Kütüphaneler https://jqueryui.com/tooltip/

ya da Twitter önyükleme ipucu: http://getbootstrap.com/javascript/

Answer 2

ui-takvimde hiçbir ipucu işlevselliği yoktur. Büyük olasılıkla bootstrap-ui-tooltip kullanıyorsunuz. tooltip'un yanı sıra, tooltip-html-unsafe (1 Mayıs 2013'te yayımlanan v0.3.0'dan beri) bir özelliğe sahiptir, son zamanlarda yeniden adlandırılmıştır. Sen some old documenatation

bu konuda okuyabilir yaptığım html içerikli bir plunker bu deneyin @jagmohan

Answer 3

tooltips.

$(element).tooltip({ 
    content: hdata 
}); 

Bu benim için çalışır.