CODEWITHSUNDEEP
angulartypescriptiframesrcsanitization
Tammar
Tammar

Reputation: 25

How to insert src to iframe in angular?

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>

Upvotes: 0

Views: 1124

Answers (1)

ABOS
ABOS

Reputation: 3823

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

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

Upvotes: 1

Related Questions