iframe没有以角度显示内容

时间:2017-05-02 17:29:20

标签: angular iframe

我有一个像这样的iframe组件:

<iframe [innerHTML]="html"></iframe>

如果我这样做:

<div [innerHTML]="html"></div>

它工作正常。但我需要它是一个iframe,因为它有海关风格和脚本,必须在当前页面的上下文之外运行。

我尝试使用“DomSanitizer”没有效果

this.html = this.sanitizer.bypassSecurityTrustHtml(someHtmlStuff);

可能是什么原因? iframe最终完全为空,并且无法在chrome的检查器中检查其html

1 个答案:

答案 0 :(得分:0)

这解决了它:

---模板---

 <iframe [src]="html"></iframe>

-----代码-----

this.html = this.sanitizer.bypassSecurityTrustResourceUrl("data:text/html;charset=utf-8,"+this.dialogRef.config.data.replace("\n",""));

需要注意的奇怪事情是

  1. 我必须删除换行符
  2. 我必须连接这个字符串&#34; data:text / html; charset = utf-8,&#34;