angularJS的ng-bind-html指令详解

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

1

2

3

4

//注册一个过滤器，挂载到任意一个angular.module下，如果自定义过滤器较多，可以提取出来一个公用的过滤器module

    .filter('to_trusted', ['$sce', function ($sce) {        return function (text) {            return $sce.trustAsHtml(text);

        };

    }]);//然后在页面中这样使用<p ng-bind-html="article.text | to_trusted"></p>

$sce是angularJS自带的安全处理模块，$sce.trustAsHtml(input)方法便是将数据内容以html的形式进行解析并返回。将此过滤器添加到ng-bind-html所绑定的数据中，便实现了在数据加载时对于html标签的自动转义。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

WEB的接口管理工具

ionic应用里文字不能长按复制、粘贴怎么办

以上就是angularJS的ng-bind-html指令详解的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

javascript中对html中元素属性的读取

return/break语句的用法技巧（代码示例）

javascript就是es5吗

javascript如何定义变量

不属于javascript的数据类型是什么

javascript中object方法有哪些

es6 filter() 数组过滤的方法小结（附代码）

学javascript要什么基础?

javascript中sort()方法怎么用

html5 websql四种基本操作的介绍

更多相关阅读请进入《ng-bind-html》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...