iframe angular2内的组件

有没有办法在Angular 2中包含iframe内的组件

此代码不起作用（它应该在iframe中呈现称为component-b的角度组件）：

var doc=document.getElementById（'iframe'）.contentWindow.document；
doc.open（）；
文件写入（“”）；
doc.close（）；

此代码有效（它在iframe中呈现一个简单的按钮）：

var doc=document.getElementById（'iframe'）.contentWindow.document；
doc.open（）；
文件写入（“”）；
doc.close（）；

如果angular2应用程序中有一个iframe，这意味着它是一个完全不同的上下文。（单独申请）

由于上述原因，组件/绑定无法在那里工作

---

你唯一能做的就是在iframe内部引导另一个angular应用程序，但我确信你不希望这样。

angular不会处理动态添加的HTML（没有绑定或组件/指令被实例化），既不会在iframe外部也不会在iframe内部。您可以尝试

ViewContainerRef.createComponent（）

中所示的方法，如Ok，thank You Gunter中所示

  var doc = document.getElementById('iframe').contentWindow.document;
    doc.open();
    doc.write('<component-b></component-b>');
    doc.close();

 var doc = document.getElementById('iframe').contentWindow.document;
    doc.open();
    doc.write('<button></button>');
    doc.close();