Question

在寻找解决方案之后，我发现了很多文章，但没有找到我想要的方式，所以我就在那里。

我的问题：我使用uib-tooltip来设置一些字段的使用/实用程序的一些解释。我还使用$ translate和i18n文件进行翻译。这些i18n文件包含一些特殊字符的html代码（因为服务器问题，我不能简单地使用UTF-8 ......）。

所以，当我仅仅使用例子时：

<span translate="create.period"></span>

它工作正常，HTML被解释得很好，我有很好的结果。在我的i18n文件上实现了价值：

create.period:'Ce champ contient la valeur de la p&eacute;riode'

来自普通代码的结果：

Ce champ contient la valeur de la période

但是如果我使用uib-tooltip我有一些问题。我的代码的例子：

<span class='glyphicon glyphicon-question-sign pointer signColor' uib-tooltip="{{'create.period' | translate}}"></span>

这里工具提示弹出窗口的结果是：

Ce champ contient la valeur de la p&eacute;riode

我已经看过很多像旧的方法（uib-tooltip-html）或者做的事情 $ sce和ng-bind-html，但我不能在这里做，因为我在uib-tooltip上。

所以我错过了一些简单的事情吗？或者你有一个解决方案吗？（和explanatinons：p）

非常感谢！：）

我为过滤器添加了一个尝试：

filter("htmlToPlaintext",  ['$sce', '$compile', function ($sce, $compile) {
return function (val) {
    return $sce.valueOf($sce.trustAsHtml(val));;
};

}]）

可悲的是没有工作。

Answer 1

$scope.create.period = $sce.trustAsHtml('Ce champ contient la valeur de la p&eacute;riode');

<a href="#" uib-tooltip-html="create.period">scope variable</a>
<span class='glyphicon glyphicon-question-sign pointer signColor' uib-tooltip-html="create.period"></span>

在你的控制器中传递'$ sce'依赖

如何解释uib-tooltip中的HTML代码

1 个答案: