Question

我按照指示将FB生成的代码剪切并粘贴到我的应用程序中。

</head>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'MyId',
      xfbml      : true,
      version    : 'v2.5'
    });
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-share-button" data-href={{webAddress}} data-layout="button_count"></div>

<div class="fb-comments" data-href={{webAddress}} data-numposts="10"></div>

我尝试将JS放在我的index.html的不同部分，但是分享按钮和注释会在没有额外刷新的情况下出现。

我有一个类似的问题，我的LinkedIn按钮直到刷新后才显示，我切换

<script src="https://platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>

到

<script>
  delete IN;
  $.getScript("https://platform.linkedin.com/in.js")
</script>

问题解决了。类似的事情会对FB有用吗？如果是这样，我该如何实现呢？

我查看了这篇文章，http：//stackoverflow.com/questions/29133563/facebook-social-plug-in-not-showing-up-when-added-dynamically

专注于FB.XFBML.parse（）但是给出了关于的信息 https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse

我不知道如何实现它，我认为这不会解决我的问题，因为我的服务器没有任何信息。

Answer 1

从Twitter和FB共享按钮生成的代码属于Angular Fullstack应用程序中<body>顶部的index.js文件。然后在相应的controller.js文件中输入：

angular.element(document).ready(function() {
            twttr.widgets.load();
          FB.XFBML.parse();
       });

没有页面刷新，FB注释和共享不会加载

1 个答案: