angular输出html
来源:互联网 发布:大麻淘宝 编辑:程序博客网 时间:2024/05/22 05:33
在用angular作为前端搭建个人博客的时候,发现用angularJs输出html的时候,浏览器并不解析这些html标签,不知道angularjs如何实现这种功能的。
但是这里我们需要其显示angular输出的html能被浏览器解析怎么办呢?
通过api,发现通过指令 ng-bind-html来实现html的输出。
<div class="col-md-12 ng-binding" ng-bind-html="item.content ">
但是并不起作用,浏览器中显示的还是html代码。
‘后来发现还需要通过通过$sce服务来实现html的展示。
angular.module("list",[]).controller("BlogListCtrl", BlogListCtrl).filter('to_trusted', ['$sce', function ($sce) {return function (text) { return $sce.trustAsHtml(text); }}])
这里通过$sce构建一个过滤器来对输出的html进行过滤
<div class="col-md-12 ng-binding" ng-bind-html="item.content|to_trusted ">这样就可以通过angularjs正常的输出html标签,并且被浏览器解析了
1 0
- angular输出html
- angular将html代码输出为内容
- Angular HTML 编译器
- HTML angular 框架下载
- angular html不过滤
- angular 绑定html
- HTML angular过滤关键字
- HTML angular多选框
- angular/html/购物车
- HTML angular+route:订单
- angular 解析html问题
- 输出HTML
- Angular处理Html转移问题
- Angular动态绑定HTML文本
- 透视图 html js angular typescript
- HTML angular单选按钮
- angular-过滤器JSON转换/keyword关键字输出
- 【Angular】ng-repeat遍历输出数组
- 几个数据库会议
- org.apache.commons.beanutils.BeanUtils 自定义转换 java 8 localdatetime 类
- Something about HTTP Protocol
- IOS开发中获取自带的应用
- 几年前之所预言,其人不死言之依然
- angular输出html
- Unity3D学习之脚本入门(选择结构和循环结构)
- 如何在Linux下解压tar.lz文件
- 2014-11-19(a tough day)
- Android缓存框架--ASimpleCache
- 输入一个日期判断是星期几 java
- SOLARIS11 设置静态IP
- enumerateObjectsUsingBlock 使用 方法 iOS
- cocos2d JS 自学笔记 <一> 初步接触cocos2d JS