AngularJS:ng-bind-html中的tooltip-html-unsafe

时间:2014-02-25 09:23:47

标签: javascript html angularjs angular-ui

我陷入了一个初始的问题:

<!-- 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>");
}

所以基本上,注释得到一个字符串,我循环'words'来替换'annotation'中的表达式,并使用包含信息列表(ul)的工具提示。

然而,即使内容出现,带有蓝色下划线的单词(如链接),我也找不到工具提示。

任何人都知道我的问题会在哪里?

非常感谢!

1 个答案:

答案 0 :(得分:2)

由于没有人能够这样做(而且似乎还没有解决方案)我找到了另一种方法来在工具提示中做一个列表,没有tooltip-html-unsafe:

基本上你使用Unity Codes而不是

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

你得到了

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

#187;代表»和#10;换行。

希望两个想要一个anwser(在我身边)的人都满意,否则,也许我们可以进一步讨论这个问题。