Angular 6 Iframe Binding December 01, 2023 Post a Comment There is a variable that stores iframe code. I want to bind this in a div, but nothing work. html: ts: yt = 'Solution 1: You probably might get a warning saying that it's unsafe HTML. That's why Angular is not rendering it inside the div.You'll have to DomSanitize it: <divclass="top-image" [innerHTML]="yt | safe: 'html'"></div>CopyHere's the pipe courtesy Swarna Kishore.Baca JugaHow Can An Iframe That Has Content, Have An Undefined Contentdocument Object?Javascript - Loading Data Faster?How To Add Multiple Html Pages To The Same Webviewimport { Pipe, PipeTransform } from'@angular/core'; import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from'@angular/platform-browser'; @Pipe({ name: 'safe' }) exportclassSafePipeimplementsPipeTransform { constructor(protected sanitizer: DomSanitizer) {} publictransform(value: any, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl { switch (type) { case'html': returnthis.sanitizer.bypassSecurityTrustHtml(value); case'style': returnthis.sanitizer.bypassSecurityTrustStyle(value); case'script': returnthis.sanitizer.bypassSecurityTrustScript(value); case'url': returnthis.sanitizer.bypassSecurityTrustUrl(value); case'resourceUrl': returnthis.sanitizer.bypassSecurityTrustResourceUrl(value); default: thrownewError(`Invalid safe type specified: ${type}`); } } } CopyHere's a Sample StackBlitz. Share You may like these postsSet Iframe Url Based On Dynamic UrlJavascript And Iframe Not Supported In Browsers Other Than IeHow To View Google Drive Pdf Link In IframeTemporarily Unzip A File To View Contents Within A Browser Post a Comment for "Angular 6 Iframe Binding"
Post a Comment for "Angular 6 Iframe Binding"