Angular 不会在第二次设置动态 HTML 嵌入 src 属性

仅有的

我正在尝试动态设置 PDF 文件路径以embed使用this.renderer.setAttribute(this.pdf.nativeElement, "src", ...

起初我可以设置embed srcPDF 路径并显示在屏幕上,但第二次我设置了另一个路径,它没有按预期工作。

任何人都可以帮忙吗?

现场演示链接是:https : //stackblitz.com/edit/angular-kghaku

尼丁约瑟夫

您需要首先删除 src 属性,然后应用新的属性。此外,需要包裹setAttributesetTimeout,因为它需要执行后removeAttribute

StackBlitz 演示

 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular:与 jQuery 混合的 ng-change 不会在第二次更改时触发

来自分类Dev

在嵌入对象HTML中访问CURRENT src

来自分类Dev

在C#ASP.NET视图中动态嵌入HTML属性

来自分类Dev

Angular HttpClient Response 直到第二次点击才更新 html

来自分类Dev

iframe src属性作为动态Angular2的URL

来自分类Dev

使用XSLT嵌入youtube视频,更改SRC属性

来自分类Dev

如果嵌入的链接保持不变,src 属性会忽略它

来自分类Dev

动态设置img的src属性

来自分类Dev

在Slim的HTML属性中嵌入Ruby代码

来自分类Dev

Angular 1.2:ng-bind-html删除img上的src属性

来自分类Dev

Connected 属性只更新一次,不会第二次更新

来自分类Dev

使用Angular动态添加HTML属性

来自分类Dev

Angular 2更改图像src属性

来自分类Dev

使用Angular js嵌入HTML页面

来自分类Dev

属性在第二次执行之前不会生效

来自分类Dev

HTML属性内的Vue数据,即src =“ {{images [0] .src}}”

来自分类Dev

如何提取HTML标签的src属性?

来自分类Dev

html video标签内的'src'属性

来自分类Dev

在Gridview中动态创建的Dropdownlist不会在第二次触发事件

来自分类Dev

UILabel第二次设置attributedText时丢失文本属性

来自分类Dev

在html模板angular 2中的组件上动态设置属性

来自分类Dev

我的HTML按钮的javascript将不会第二次切换

来自分类Dev

Angular2中的BehaviorSubject不是第二次设置值吗?

来自分类Dev

用二进制音频数据嵌入src

来自分类Dev

为什么内部html的src属性无法识别我的动态生成的变量?

来自分类Dev

无法使用attr绑定在嵌入标签中绑定src属性

来自分类Dev

我如何使用在JavaScript中创建的变量来设置HTML中图像的“ src”属性?

来自分类Dev

为什么ng-src不会在AngularJS中触发某些属性更改?

来自分类Dev

如果 src 是 PHP 变量,则在 HTML 网页中嵌入 YouTube 视频不起作用

Related 相关文章

  1. 1

    Angular:与 jQuery 混合的 ng-change 不会在第二次更改时触发

  2. 2

    在嵌入对象HTML中访问CURRENT src

  3. 3

    在C#ASP.NET视图中动态嵌入HTML属性

  4. 4

    Angular HttpClient Response 直到第二次点击才更新 html

  5. 5

    iframe src属性作为动态Angular2的URL

  6. 6

    使用XSLT嵌入youtube视频,更改SRC属性

  7. 7

    如果嵌入的链接保持不变,src 属性会忽略它

  8. 8

    动态设置img的src属性

  9. 9

    在Slim的HTML属性中嵌入Ruby代码

  10. 10

    Angular 1.2:ng-bind-html删除img上的src属性

  11. 11

    Connected 属性只更新一次,不会第二次更新

  12. 12

    使用Angular动态添加HTML属性

  13. 13

    Angular 2更改图像src属性

  14. 14

    使用Angular js嵌入HTML页面

  15. 15

    属性在第二次执行之前不会生效

  16. 16

    HTML属性内的Vue数据,即src =“ {{images [0] .src}}”

  17. 17

    如何提取HTML标签的src属性?

  18. 18

    html video标签内的'src'属性

  19. 19

    在Gridview中动态创建的Dropdownlist不会在第二次触发事件

  20. 20

    UILabel第二次设置attributedText时丢失文本属性

  21. 21

    在html模板angular 2中的组件上动态设置属性

  22. 22

    我的HTML按钮的javascript将不会第二次切换

  23. 23

    Angular2中的BehaviorSubject不是第二次设置值吗?

  24. 24

    用二进制音频数据嵌入src

  25. 25

    为什么内部html的src属性无法识别我的动态生成的变量?

  26. 26

    无法使用attr绑定在嵌入标签中绑定src属性

  27. 27

    我如何使用在JavaScript中创建的变量来设置HTML中图像的“ src”属性?

  28. 28

    为什么ng-src不会在AngularJS中触发某些属性更改?

  29. 29

    如果 src 是 PHP 变量,则在 HTML 网页中嵌入 YouTube 视频不起作用

热门标签

归档