博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angularJS绑定数据中对标签转义的处理
阅读量:6106 次
发布时间:2019-06-21

本文共 1041 字,大约阅读时间需要 3 分钟。

一、问题默认情况下,angularJS绑定的数据为字符串文本,不会对其中包含的html标签进行转义生成格式化的文本。在实际工作时碰到接口返回的数据带有html格式时该如何处理。二、解决办法1、引入angular-sanitize.js文件,并在module定义时注入服务ngSanitize。(为了能使用ng-bind-html属性)var myApp = angular.module('myApp', ['ngAnimate'])    12、创建一个filtermyApp.filter('trustHtml', function ($sce) {     return function (input) {        return $sce.trustAsHtml(input);     }});//$sce是angularJS自带的安全处理模块,$sce.trustAsHtml(input)方法便是将数据内容以html的形式进行解析并返回。    1    2    3    4    5    63、将此过滤器添加到ng-bind-html所绑定的数据中,便实现了在数据加载时对于html标签的自动转义。
1 2 3三、其他本来到此,问题已经解决了。但是在实际运用中发现了另外一个小坑。某数据只在前端创建,在textarea里编辑完并保存后, 从数据库里读出来的格式与创建时不一致。后来发现是由于textarea里的换行是\n指令控制,上传数据即为\n格式,读到html里后,需要把\n转换为
,解决的办法依旧采用filter。app.filter('ntobr', function(){ var filter = function(input){ return input.replace(/\n/g,"<\/br>").replace(/ /g," "); }; return filter;});//此过滤器将textarea里的\n和空格替换为html可以识别的标签 1 2 3 4 5 6 7
//在绑定数据时只需要同时加入两个过滤器即可 转自;http://blog.csdn.net/miniminixu/article/details/52199531
你可能感兴趣的文章
文件类似的推理 -- 超级本征值(super feature)
查看>>
【XCode7+iOS9】http网路连接请求、MKPinAnnotationView自定义图片和BitCode相关错误--备用...
查看>>
各大公司容器云的技术栈对比
查看>>
记一次eclipse无法启动的排查过程
查看>>
【转】jmeter 进行java request测试
查看>>
读书笔记--MapReduce 适用场景 及 常见应用
查看>>
SignalR在Xamarin Android中的使用
查看>>
走过电竞之路的程序员
查看>>
Eclipse和MyEclipse使用技巧--Eclipse中使用Git-让版本管理更简单
查看>>
[转]响应式表格jQuery插件 – Responsive tables
查看>>
8个3D视觉效果的HTML5动画欣赏
查看>>
C#如何在DataGridViewCell中自定义脚本编辑器
查看>>
【linux】crontab定时命令
查看>>
Android UI优化——include、merge 、ViewStub
查看>>
Office WORD如何取消开始工作右侧栏
查看>>
Android Jni调用浅述
查看>>
CodeCombat森林关卡Python代码
查看>>
第一个应用程序HelloWorld
查看>>
(二)Spring Boot 起步入门(翻译自Spring Boot官方教程文档)1.5.9.RELEASE
查看>>
Android Annotation扫盲笔记
查看>>