AngularJS : tooltip-html-unsafe inside a ng-bind-html

Question

I'm stuck with an inception propblem :

<!-- html -->
<div class="well well-small" ng-bind-html="annotation"></div>

--

//Javascript
$scope.annotation = $scope.content;
for (it in words) {
    var tooltip = '<ul>' +
    '<li>' + words[it].info + '</li>' +
    '<li>' + words[it].name + '</li>' + 
    '<li>' + words[it].lol + '</li>' +
    '</ul>';

    $scope.annotation = $scope.annotation.replace(words[it].label, "<a tooltip-html-unsafe='" + tooltip + "'>" + words[it].label + "</a>");
}

So basically, annotation get a string, and I loop in 'words' to replace expressions presents in 'annotation' by the same but with a tooltip containing a list (ul) of informations.

Yet, even if the content appear, with words underlined in blue (like a link) I cannot find the tooltip.

Anyone knows where my problem would be ?

Thanks a lot !

Still no answers. I'm starting to think that this is impossible. — Romain
– Romain, Commented Mar 11, 2014 at 10:12

Romain · Accepted Answer · 2014-03-18 10:12:05Z

2

Since nobody was able to anwser this (and it seems that there is no solution yet) I found another way to do a list inside a tooltip, without a tooltip-html-unsafe :

Basically you use the Unity Codes so instead of

'<li>' + words[i] + '</li>'

you get

'&#187;' + words[i] + '&#10;'

Where #187; stand for » and #10; for a new line.

Hope the two people who wanted an anwser (beside me) are satified, or else, maybe we can discuss further this issue.

answered Mar 18, 2014 at 10:12

Romain

3,7038 gold badges33 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS : tooltip-html-unsafe inside a ng-bind-html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related