Question

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

Answer 1

我尝试将iframe标记添加到组件的模板中。然后使用绑定将src属性更改为指向实际的URL：

@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。如果没有本地模板var，它应该可以工作。

constructor(private elementRef: ElementRef) {}

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

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

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

1 个答案: