在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); 
}