失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > angular2--前端页面兼容富文本html标签

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

时间:2018-08-29 15:30:42

相关推荐

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>

如果觉得《angular2--前端页面兼容富文本html标签》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。