angular2--前端页面兼容富文本html标签

请求接口时返回一个content字段,里面包含html标签
在这里插入图片描述
如果我把content内容直接放到html页面,页面不能兼容:

<p>{{Object.content}}</p>     //此处的Object为用户自己把以上数据存储到的一个对象,可自定义

在这里插入图片描述
解决办法一:

<p id="newsContent"></p>
//兼容文章的html标签
var content = document.querySelector('#newsContent');
content.innerHTML =this.newsDetail.content;   //this.newsDetail.content为后台请求到的content数据

这时文章的html标签就可以渲染出样式了。
在这里插入图片描述
解决办法二:

<p [innerHTML]='newsDetail.content'></p>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值