angular - how with angular2 rc.6 disable sanitize on embed html tag which display pdf

Question

I really don't understand what I'm doing wrong here:

Template:

<embed [src]="pdfUrl" width="500" height="100%" type='application/pdf'>

Class:

pdfURL;
constructor(private domSanitizer : DomSanitizer) {}
ngOnInit() {
    this.pdfUrl = this.domSanitizer.bypassSecurityTrustUrl('http://example.com/pdf.pdf')
}

This does not actually load the <embed> but doesn't throw an error.

I tried it using SafeUrl type on pdfURL and with bypassSecurityTrustResourceUrl(). The <embed> tag receives the right url but nothing is displayed.

Answer 1

I quess it should be:

this.pdfUrl = this.domSanitizer.bypassSecurityTrustResourceUrl('url')

and use it like:

<iframe [src]="pdfUrl" width="500" height="600" type='application/pdf'></iframe>

See Plunkr

Update(There is a bug with embed tag in Chrome)

For embed tag you can reinject embed tag via outerHTML:

this.renderer.setElementProperty(el, 'outerHTML', el.outerHTML)

See plunker for this case