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不起作用

回答

相关问题