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

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é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ériode

我见过很多东西，比如旧方法 (uib-tooltip-html) 或方法 $sce 和 ng-bind-html，但我不能在这里这样做，因为我在 uib-tooltip 上。

所以我错过了一些简单的事情吗？ 或者你有我的解决方案吗？ （和解释：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é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”依赖项