从Angular8中的ElementRef创建iframe

因此，我需要使用CSS和动态HTML创建iframe。到目前为止，我尝试过的是

现在在.ts中，我使用了这个

@ViewChild('template',{ static: false }) template: ElementRef;
@ViewChild('iframe',{ static: false }) iframe: ElementRef;
setIframe() {
setTimeout(() => {
let css = (this.template.nativeElement as HTMLElement).style;
let html = (this.template.nativeElement as HTMLElement).outerhtml;
let doc = this.iframe.nativeElement.contentDocument || this.iframe.nativeElement.contentWindow;
doc.write(html);
doc.write(css);
doc.close();
})
}


一切都很好，iframe已填充但无法对其应用样式。想法是获取iframe共享链接。救命！