关闭Angularjs对HTML标签自动转义
2017-05-16 11:41
369 查看
当Angular绑定的字符串中含有HTML标签的时候,其中碰到 AngularJS 获取的是一段 HTML 文本,如果直接使用 data-ng-bind 的话是被转义过的,使用 data-ng-bind-html 则可以取消转义。但是直接使用
data-ng-bind-html 的话会提示错误。
Error: [$sce:unsafe] Attempting to use an unsafe value in a safe context.
HTML 片段需要先使用 $sce.trustAsHtml(html_in_string) 将标记为信任,然后才可以使用 data-ng-bind-html="html_in_string" 取消转义。
data-ng-bind-html 的话会提示错误。
Error: [$sce:unsafe] Attempting to use an unsafe value in a safe context.
HTML 片段需要先使用 $sce.trustAsHtml(html_in_string) 将标记为信任,然后才可以使用 data-ng-bind-html="html_in_string" 取消转义。
angular.module('myApp',[]) .controller('orderDetailController',function($scope,$http,$location,$timeout,$sce){ AngularAction($scope,$http,$location,$timeout,$sce); }); function AngularAction($scope,$http,$location,$timeout,$sce){ $scope.comment = $sce.trustAsHtml($scope.pricelist.comment); }
HTML代码如下
<p style="line-height:2;display: inline"> <span data-ng-bind-html ="comment"></span> </p>
相关文章推荐
- 关于angularJS自动转义html标签
- 关于angularJS绑定数据时自动转义html标签
- 关于angularJS绑定数据时自动转义html标签(转载-漆黑的小白)
- 关于angularJS绑定数据时自动转义html标签
- angularJS绑定数据时自动转义html标签
- 关于angularJS绑定数据时自动转义html标签
- 关于angularJS绑定数据时自动转义html标签
- js把预定义的html字符串转换为 HTML 实体 htmlspecialchars 输出html实体内容包括标签,而不自动转义标签,只显示内容,类似php的htmlspecialchars
- Angularjs绑定数据时对html标签的转义
- Angular.js数据绑定时自动转义html标签及内容
- 如何让在Html中特殊字符被数据加载时对于html标签的自动转义 补充
- Angular.js数据绑定时自动转义html标签及内容
- Angular.js数据绑定时自动转义html标签及内容
- 详解Angular.js数据绑定时自动转义html标签及内容
- Django模板中的关闭和开启HTML自动转义,解析
- AngularJs 取消对 html 字符串标签转义
- Django模板中的关闭和开启HTML自动转义,解析
- 详解Angular.js数据绑定时自动转义html标签及内容
- 写一个HTML页面,实现以下功能,左键点击页面时显示“您好”,右键点击时显示“禁止右键”。并在2秒钟后自动关闭页面
- 关闭Struts2中s:property的HTML自动转码