uib-tooltipの中のHTMLコードを解釈する方法

Question

解決策を探した後、私は多くの記事を見つけましたが、私が欲しいものをやるための方法ではありませんでした。

私の問題： 私はいくつかのフィールドの使用/ユーティリティについていくつかの説明を設定するためにuib-tooltipを使用します。また、翻訳を行うためにi18nファイルで$ translateを使用します。 これらのi18nファイルには、特別な文字のためのHTMLコードがいくつか含まれています（サーバーの問題で、単純にUTF-8を使用できないため...）。

だから、私はexempleのために単に使用：それは結構働いて

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

、HTMLが細かい解釈され、私は良い結果を持っています。私の国際化ファイル上の値の Exemple：previusコードから

create.period:'Ce champ contient la valeur de la période' 

結果：

Ce champ contient la valeur de la période 

---

しかし、私はUIB-ツールチップを使用する場合、私はいくつかの問題があります。私のコードの Exemple：

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

そして、ここでツールチップのポップアップ上reultは次のとおりです。私は古い行う方法（UIB-ツールチップ-HTML）または方法のようなものをたくさん見てきました

Ce champ contient la valeur de la période 

$ sceとng-bind-htmlとは関係ありませんが、私はuib-tooltipを使っているので、ここではできません。

私はいくつかの簡単なことを逃していますか？ あなたの解決策はありますか？ （そして説明：p）

ありがとうございました！ :)

私は、フィルタのための試みを追加します。

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

}]）

Saddly

ないworky。お使いのコントローラで

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」依存