uib-tooltip-html不起作用

-1

從ui-bootstrap的0.14版本看來，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

而且，由於用戶界面的自舉DOC缺乏與該指令例如，我不能猜我我做錯了。

有什麼想法？

來源

2016-12-06 Marvin

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

來源

2016-12-06 11:38:19

你肯定寫的，我絕對感到羞愧的我可憐的閱讀技巧（不要說「lazynness」！）。謝謝你的幫助！ – Marvin

加倍單引號在爲我完成工作後添加單引號。謝謝 –

我不得不做這樣的（感謝Herbi Shtini您指出的單引號黑客）

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

<div uib-tooltip-html="'{{main.tooltipContent}}'" tooltip-placement="bottom">

來源

2018-02-08 12:39:31 JRT

uib-tooltip-html不起作用

回答

相關問題