2016-12-06 2 views
-1

Из версии 0.14 ui-bootstrap, похоже, что uib-tooltip-html (ранее: tooltip-html-unsafe) больше не работает ... или не так, как раньше он работает.uib-tooltip-html не работает

Basicely, то «подсказка» работает, когда «подсказка-HTML» не будет:

<a href="#" uib-tooltip-html="UIB-TOOLTIP-HTML">UIB-TOOLTIP-HTML</a> 
<a href="#" tooltip-placement="right" uib-tooltip="UIB-TOOLTIP">UIB-TOOLTIP</a> 

http://plnkr.co/edit/fJt3nBbT6rSbiN50h7Bp?p=preview

А поскольку щ-самозагрузкой документ отсутствует пример относительно этой директивы, я не могу догадаться, что я я делаю неправильно.

Любая идея?

ответ

7

example of the documentation of version 0.14 определенно показывает, как его использовать. Выдержки:

HTML:

I can even contain HTML. <a href="#" uib-tooltip-html="htmlTooltip">Check me out!</a> 

JS:

$scope.htmlTooltip = $sce.trustAsHtml('I\'ve been made <b>bold</b>!'); 

The latest doc также пример:

Html:

<p> 
    I can even contain HTML as a 
    <a href="#" uib-tooltip-html="htmlTooltip">scope variable</a> or 
    <a href="#" uib-tooltip-html="'static. {{dynamicTooltipText}}. <b>bold.</b>'">inline string</a> 
</p> 

JS:

$scope.dynamicTooltipText = 'dynamic'; 
$scope.htmlTooltip = $sce.trustAsHtml('I\'ve been made <b>bold</b>!'); 
+0

Вы определенно писать, и я, безусловно, стыдно мои бедные навыки чтения (не говорите «лазинность»!). Спасибо за вашу помощь! – Marvin

+4

Добавление одинарной кавычки после того, как удвоенные выполняли эту работу для меня. благодаря –

0

Я должен был сделать это так (спасибо Herbi Shtini для указывая одиночную кавычку хака)

viewModel.tooltipContent = $sce.trustAsHtml('I\'ve been made <b>bold</b>!'); 

<div uib-tooltip-html="'{{main.tooltipContent}}'" tooltip-placement="bottom"> 
Смежные вопросы