AngularJS：uib-tooltip-htmlのng-bind-html

Question

UIにツールチップを表示する必要があります。私はUI側でangularjsを使用しています。

下記のコードをご覧ください。

<i class="fa fa-info-circle f18 darkgray hover pointer" uib-tooltip-html="'<div class=fw-600>Reason:</div>"+obj.comments+"'" tooltip-class="white-blue-tooltip"></i> 

ただし、値がobj.comments = Canceled via 'View Group'の場合はエラーになります。以下のエラーをご覧ください。

Error: [$parse:syntax] Syntax Error: Token 'View' is an unexpected token at column 49 of the expression ['<div class=fw-600>Reason:</div>cancelling via 'View Group''] starting at [View Group'']. 

これは値の中に一重引用符が含まれているためです（ 'ビューグループ'によってキャンセルされました）。

次のリンク https://www.w3schools.com/angular/ng_ng-bind-html.asp

で説明したように、私はng-Sanitizeを使用している、これを解決するために、今、私のコードは

以下

<i class="fa fa-info-circle f18 darkgray hover pointer" uib-tooltip-html="'<div class=fw-600>Reason:</div> ng-bind-html="+obj.comments+"'" tooltip-class="white-blue-tooltip"></i> 

のように見える。しかし、私は

Reason: 
ng-bind-html=Canceled via 'View Group' 

のような出力を取得しています

コントローラに'ngSanitize'を追加し、をロードしました10とangular-sanitize.jsは、ここに欠けているものがありますか？

助けを歓迎します。

Answer 1

$sceサービスを利用する必要があります。以下のリンクをご覧ください。

Angularjs Sce