如何在 angular 中插入 src 到 iframe？

Question

我知道这个问题已经被问过很多次了，但我尝试使用所有建议的方法，但没有任何帮助。我想在 angular 中将 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(...)

如何在 angular 中插入 src 到 iframe？

How to insert src to iframe in angular?

iframe

sanitization

src

typescript

angular