通過在Angular 2中DOM更改iframe url的更好方法

Question

我試圖用(<HTMLInputElement>document.getElementById("workflow")).src替換URL但我認爲這不是正確的做法。

也嘗試了下面的代碼，但它給我getElementById未定義。

import { Component, ElementRef, Inject } from '@angular/core'; 
constructor(private elementRef: ElementRef){} 


this.elementRef.nativeElement.document.getElementById("workflow").src = "./javascript/workfloweditor.html?title="+workFlowTitle; 

有人可以指出如何在Angular 2中正確地做到這一點嗎？

Answer 1

<iframe [src]="iframeSrc"> 

constructor(private sanitizer:DomSanitizer) { 
} 

get iframeSrc() { 
    this.sanitizer.bypassSecurityTrustUrl('./javascript/workfloweditor.html?title='+workFlowTitle); 
    // or 
    this.sanitizer.bypassSecurityTrustResourceUrl('./javascript/workfloweditor.html?title='+workFlowTitle); 
} 

又見https://angular.io/docs/ts/latest/api/platform-browser/index/DomSanitizer-class.html