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>

猜你喜欢

转载自blog.csdn.net/Ariel_201311/article/details/85284698