Javascript 不渲染instagram、twitter和其他嵌入在angular中的内容

我试图展示instagram、twitter和其他允许嵌入网站的图书馆的内容。我遇到的问题是，它只在第一次呈现嵌入的内容，然后当我返回到相同的内容时，嵌入的内容不会再次呈现：

这是发生在我身上的一个例子： 我在index.html中添加了库js

我位于测试1中，嵌入式内容呈现，当我转到测试2时，嵌入式内容不呈现

这个问题有什么解决办法…？：

---

有没有办法再次触发javascript库的事件？

例如，如果您动态加载内容AJAX，这些嵌入服务通常有一个javascript API方法，您需要在将内容插入页面后调用该方法才能呈现帖子

例如，Instagram拥有，Facebook拥有

---

您会发现Twitter和其他社交媒体嵌入类似的功能。

例如，如果您动态加载内容，则这些嵌入服务通常有一个JavaScript API方法，您需要在将内容插入页面后调用该方法才能呈现帖子

例如，Instagram拥有，Facebook拥有

---

该脚本提供了一个名为instgrm的全局变量，该变量允许访问

instgrm.Embeds.process()

它重复了这个搜索。 您可以在每次渲染组件时调用此函数

我对您的示例进行了分叉，并根据以下两种不同的方法对其进行了相应的修改：

从组件 对于具有data instgrm permalink属性的元素

---

包括Instagram的embed.js，它在DOM中搜索某些元素，并用嵌入帖子的iframe元素替换它们

该脚本提供了一个名为instgrm的全局变量，该变量允许访问

instgrm.Embeds.process()

它重复了这个搜索。 您可以在每次渲染组件时调用此函数

我对您的示例进行了分叉，并根据以下两种不同的方法对其进行了相应的修改：

从组件 对于具有data instgrm permalink属性的元素 替换 具有 并将这行代码移到index.html头部分

替换 具有 并将这行代码移到index.html头部分