角度 - Facebook共有ボタンは、更新後にのみ表示されます

Question

私はAngularサイトにFacebook共有ボタンを追加しましたが、ページを更新すると表示されます。

私はFacebook SDK JSをindex.htmlにロードしています（自分のウェブページから取ったもの）。

<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-ビューを持っている（と私は実際に共有]ボタンを持っている別の.htmlページ）：

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

ボタンのみページの更新後に表示される理由を任意のアイデア。 Facebookのsdk JSをインデックスに入れて、ng-viewで共有ボタンを使用するのは大丈夫ですか？

ありがとうございました。

Answer 1

私は同じ問題を抱えていたし、それは私のコントローラからFB.XFBML.parse（）を呼び出すことによって動作するようになった - このように：initがこの問題を解決した後

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

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

Answer 2

は、これを追加します。

if (typeof (FB) != 'undefined'&& FB != null) { FB.XFBML.parse(); }