`

$3

Create "safe" pipe to allow dynamic Data URIs.
`
// safe-html.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer, SafeHtml} from '@angular/platform-browser';

@Pipe({ name: 'safe' })

export class SafeHtmlPipe implements PipeTransform {
constructor(private sanitizer: DomSanitizer) {}
transform(url): SafeHtml {
return this.sanitizer.bypassSecurityTrustResourceUrl(url);
}
}
`
Add Pipe to Declerations

`
import { SafeHtmlPipe } from './safe-html.pipe';

...

@NgModule({
declarations: [
...
SafeHtmlPipe,
]
})
`
Use in components
`
@Component({
...
template:

MCI