Facebook评论插件带有Angular 8



我正在尝试将 Facebook评论插件与我的Angular应用集成。我正在使用最新版本的API。我把

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.3"></script>

我的index.html中的代码的这一部分。

并将代码的下一部分放入懒模块的组件中。

<div class="fb-comments" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-width="" data-numposts="5"></div>

现在问题是,除非我刷新评论没有加载。其背后的原因可能是我只在下载或执行一次,并且每次我路由到组件时都没有运行一次。如何修复它。

js sdk仅在初始化时遍历您的文档;如果您稍后将元素添加到DOM中呈现为社交插件的元素,则需要使其重新使用文档(或其部分(。

https://developers.facebook.com/docs/reference/javascript/fb.xfbml.parse/

最新更新