Angular4中显示富文本内容

2017-09-14 本文已影响46人 Hank_谢旱

private makeData(){ this.content="<html><head><title>富文本测试</title></head><body><p>" + "富文本测试富文本测试富文本测试富文本测试富文本测试富文本测试富文本测试富文本测试富文本测试</p>" + "下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片" + "</p><img src=\"assets/img/test.jpg\"/></body>" + "下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片" + "</p><img src=\"assets/img/test.jpg\"/></body></html>"; }

假设有如上的富文本内容，要想让其以正常格式的html显示，只需一行代码
<div [innerHTML]='content'></div>