How to insert src to iframe in angular?

Question

I know this question has been asked many times already but I tried to use all the suggested ways and nothing helped me. I'm tring to insert src attribute to iframe in angular but the src disappeared.

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

try to use [src]="iframeUrl"as well as bypassSecurityTrustResourceUrl

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