如何以角度将src插入iframe？

Question

我知道这个问题已经被问过很多次了，但我尝试使用所有建议的方法，但没有任何帮助。我正在尝试以角度将 src 属性插入 iframe，但 src 消失了。

controller.ts:

  iframeUrl:SafeResourceUrl
userName='hh'
    constructor(private _sanitizer: DomSanitizer) {}
      ngOnInit() {
        this.iframeUrl=this._sanitizer.bypassSecurityTrustUrl('/'+this.userName+'/preview')
    }

html:

<iframe src="{{iframeUrl}}" frameborder="0" style="width: 100%;height: -webkit-fill-available;min-width: 100%;"></iframe>

Answer 1

尝试使用[src]="iframeUrl"以及绕过SecurityTrustResourceUrl

this.iframeUrl=this._sanitizer.bypassSecurityTrustResourceUrl(...)