在angular2中为动态创建的iframe设置本地引用变量

Question

如何在angular2中为动态创建的iframe设置本地引用变量？ 我需要为iframe添加#dynIframe变量。如何添加？

Answer 1

我想尝试开始将iframe标记添加到组件的模板。然后用结合在实际的URL改变SRC属性点：

@Component({ 
    selector: 'my-app', 
    template: ` 
    ... 
<iframe #dynIframe type="text/html" [src]="iframeUrl"></iframe>` 
}) 
export class MyComponent{ 
    iFrameUrl: string = 'about:blank'; 

    assignIframeUrl() { 
    ... 
    this.iFrameUrl = // assign actual URL here 

    } 
} 

更新：你可以尝试这样的事情，但它需要在本地模板变种的汇编。没有本地模板var它应该工作。

constructor(private elementRef: ElementRef) {} 

ngOnInit(){ 
    const component: HTMLElement = this.elementRef.nativeElement; 

    let iFrame = document.createElement(' <iframe #dynIframe...> '); 
    component.appendChild(iFrame); 
}