javascript - 不呈现 instagram、twitter 和其他嵌入 Angular

标签 javascript angular

我正在尝试显示来自 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 了您的示例并对其进行了相应的修改:

  1. > Calling a service从组件
  2. > Using a directive对于具有 data-instgrm-permalink 属性的元素

关于javascript - 不呈现 instagram、twitter 和其他嵌入 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52617589/

相关文章:

angular - Angular 4 中的并行 HTTP 请求

javascript - 将外部 CSS 和 JS 链接添加到 Angular 2 中的组件

javascript - 将 MQTT 客户端添加到我的 Angular 2 应用程序

javascript - ngSwitch 不适用于字符串

javascript - 如果没有特定元素可见,则 Angular2 显示元素

javascript - jQuery $.post 未正确执行验证

javascript - Marionette 嵌套 CompositeView 在 CompositeView 事件触发/冒泡中

javascript - 按值排序和 chop 对象数组

javascript - 在 grunt 中声明多个文件

javascript - 将字符串转换为数组