uib-tooltip-html funktioniert nicht

Question

Ab Version 0.14 von ui-bootstrap sieht es aus wie uib-tooltip-html (vorläufig: tooltip-html-unsafe) funktioniert nicht mehr ... oder nicht wie früher es funktioniert.

Basicely, die 'Tooltip' funktioniert, wenn der 'Tooltip-html' nicht:

<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

Und da ui-Bootstrap-doc Beispiel in Bezug auf diese Richtlinie fehlt, kann ich nicht erraten, was ich mache ich falsch.

Irgendeine Idee?

Answer 1

Die example of the documentation of version 0.14 zeigt definitiv, wie man es benutzt. Auszüge:

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 hat auch ein Beispiel:

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

Answer 2

Ich hatte es so zu tun (dank Herbi Shtini für das einfache Anführungszeichen Hack Hinweis auf)

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

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