0
我必須在我的UI中顯示一個工具提示。我在UI端使用angularjs。AngularJS:ng-bind-html裏面的uib-tooltip-html
請參閱下面的代碼。
<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''].
這是因爲值中的單引號(通過'View Group'取消)。
爲了解決這個問題,如下面的鏈接描述我用ng-Sanitize
https://www.w3schools.com/angular/ng_ng-bind-html.asp
現在我的代碼看起來像下面
<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'
,並加載了angular.min.js
和angular-sanitize.js
在頁面中,這裏是否有任何缺失。
感謝任何幫助。
但這是一種替代方法。我想使用ngSanitize,因爲它已在整個項目中使用。 –