angularjs - Angular - Facebook 分享按钮仅在刷新后出现

Question

我刚刚将 Facebook 分享按钮添加到我的 Angular 网站，但它仅在刷新页面后才会出现。

所以我在我的index.html中加载了Facebook SDK JS(取自他们的网页)。

<div id="fb-root"></div>
      <script>(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 = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.5";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>

然后我有一个 ng-view (和另一个 .html 页面，其中我实际上有“共享”按钮):

<div class="fb-share-button"
          data-href="http://www.exampleurl.com"
          data-layout="button">
</div>

关于为什么该按钮仅在页面刷新后出现的任何想法。我的索引中必须有 Facebook sdk JS 并使用 ng-view 的共享按钮可以吗？

谢谢。

Answer 1

我遇到了同样的问题，并通过从我的 Controller 调用 FB.XFBML.parse() 使其工作 - 像这样:

(function () {
    "use strict";
    angular.module("app")
      .controller("myController", myController);

    function myController() {
        FB.XFBML.parse();
    }
})();