【发布时间】：2017-06-14 11:35:27
【问题描述】：
我必须在我的 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''].
这是因为值中存在单引号（通过“查看组”取消）。
为了解决这个问题，我使用了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，这里有什么遗漏吗？
感谢任何帮助。
【问题讨论】：
标签： javascript jquery html angularjs angular-ui-bootstrap