angular----关于注入HTML

本文介绍了如何将后台返回的HTML字符串绑定到页面上,包括原生JavaScript、jQuery及AngularJS的实现方式,并给出了具体示例。

 后台接口返回了一个HTML字符串,要绑定到页面,第一时间想到了innerHTML...

一:先说下一般用法

//原生用法

<div id="content"></div>

document.getElementById("content").innerHTML="需显示的内容";

 

//jqery用法

$("#content").html('<tr><td>IE下这里显示的innerHTML是只读的</td></tr>')

//

var datastr = “<tr><td>IE下这里显示的innerHTML是只读的</td></tr>”;

用法1:

$("#"+id).append(datastr);

用法2:

$("#"+id).html(datastr);

 

二:angular中的用法

---------------------angular中----------------------------------------------------------------

1.先需要注入个这么个东西,作用自己百度。。。

 

2.然后,后台返回的HTML字符串还需要处理下。

system.content = $sce.trustAsHtml(system.content);

 

3.页面中用的时候

噢耶!。。。然后就成功的注入进去了!!!

 

 

转载于:https://www.cnblogs.com/yinweilong/p/5981909.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值