Why can not I load a valid url from a pdf in <object> tag using angular?

I'm trying to embed a pdf on my page using angular. I'm using the <objetct> tag to do it. Basically I have 2 buttons, each button refreshes the url of the <object> but does not load any. Why does this happen and how can I solve it?

<object *ngIf="pdf" [data]="pdf" type="application/pdf" width="100%" height="100%">
 <p><b>Example fallback content</b>: This browser does not support PDFs. Please download the PDF to view it: 
 <a href=".pdf">Download PDF</a>.</p>
</object>

<button (click)="loadPdf1()">Load Pdf 1</button>
<button (click)="loadPdf1()">Load Pdf 2</button>

loadPdf1(){
  this.pdf="http://www.africau.edu/images/default/sample.pdf"
}
loadPdf2(){
  this.pdf="http://www.pdf995.com/samples/pdf.pdf"
}

this is my full code:

https://stackblitz.com/edit/angular-cygjuj?file=src/app/app.component.ts

edited Mar 22 '19 at 14:29

asked Mar 22 '19 at 14:00

unusuario

See also forked stackblitz https://stackblitz.com/edit/angular-19b9ne?file=src/app/app.component.html – yurzui Mar 22 '19 at 14:37
@yurzui hey thanks genious! but this not works on firefox.. is incredible :( – unusuario Mar 22 '19 at 14:55
I tried in firefox my link above and it actually works for me – yurzui Mar 22 '19 at 14:56
@yurzui https://imgur.com/9dAZZRU – unusuario Mar 22 '19 at 15:42
I used Firefox 65.0.2 – yurzui Mar 22 '19 at 15:44
@yurzui me too.. :O – unusuario Mar 22 '19 at 15:47
What pdf url are you trying? It should start with `https` – yurzui Mar 22 '19 at 15:56
both of them. would this work for pdfs that are stored on my computer? – unusuario Mar 22 '19 at 16:01
It depends on from what is the host you're trying to explore from. – yurzui Mar 22 '19 at 16:02
You always can find all the problems if you open console. – yurzui Mar 22 '19 at 16:03

0 Answers0