我正在尝试动态设置 PDF 文件路径以embed
使用this.renderer.setAttribute(this.pdf.nativeElement, "src", ...
起初我可以设置embed
src
PDF 路径并显示在屏幕上,但第二次我设置了另一个路径,它没有按预期工作。
任何人都可以帮忙吗?
现场演示链接是:https : //stackblitz.com/edit/angular-kghaku
您需要首先删除 src 属性,然后应用新的属性。此外,需要包裹setAttribute
的setTimeout
,因为它需要执行后removeAttribute
setpdf1() {
this.renderer.removeAttribute(this.pdf.nativeElement, "src");
setTimeout(() => {
this.renderer.setAttribute(this.pdf.nativeElement, "src", "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf")
})
}
setpdf2() {
this.renderer.removeAttribute(this.pdf.nativeElement, "src");
setTimeout(() => {
this.renderer.setAttribute(this.pdf.nativeElement, "src", "https://file-examples.com/wp-content/uploads/2017/10/file-sample_150kB.pdf")
})
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句