我正在尝试显示来自 instagram、twitter 和其他允许嵌入网站的库的内容。我遇到的问题是,它只在第一次呈现嵌入的内容,然后当我返回相同的内容时,嵌入不会再次呈现。 :(
这是发生在我身上的一个例子:https://stackblitz.com/edit/angular-vcv94j (我在index.html中添加了库js)
我位于 test-1 中,嵌入内容呈现,当我进入 test-2 时,嵌入内容不呈现
有什么解决方案可以解决这个问题...? :S
有没有办法再次触发javascript库的事件?
最佳答案
您包括 Instagram 的 embed.js
,它在 DOM 中搜索某些元素,并用嵌入帖子的 iframe
元素替换它们。
该脚本提供了一个名为 instgrm
的全局变量,它允许访问
instgrm.Embeds.process()
重复该搜索。 您可以在每次呈现组件时调用它。
我已经按照两种不同的方法 fork 了您的示例并对其进行了相应的修改:
- > Calling a service从组件
- > Using a directive对于具有
data-instgrm-permalink
属性的元素
关于javascript - 不呈现 instagram、twitter 和其他嵌入 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52617589/