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 To Save Html5 Geolocation Data To Python Django Admin?Flex Container Vertical Overflowing Parent DivHow Can An Iframe That Has Content, Have An Undefined Contentdocument Object?import { 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 postsDisplaying Elements On My Page Depending On The Page WidthBootstrap 3 2-column Form LayoutJavascript Function Not CalledUse Xslt To Convert Xml List Into Html Table With Multiple Columns Post a Comment for "Angular 6 Iframe Binding"
Post a Comment for "Angular 6 Iframe Binding"