2016-03-23 11 views
-1

FBで生成されたコードをカットし、指示に従ってアプリケーションに貼り付けます。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> 

私は頭の中だけでなく、私のindex.htmlのさまざまな部分でJSを入れてみましたが、共有ボタンやコメントが追加リフレッシュせずに表示されます。

私は私のLinkedInのボタンは、リフレッシュ後まで表示されないで同様の問題があったと私は

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

<script src="https://platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</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

私はそれを実装する方法がわかりません私の問題を解決するのは、私のサーバーからの情報がないからです。

+0

この場合、FB.XFBML.parseは必要ありません。あなたはウェブサーバーなしでしようとしていますか? – luschn

+0

@luschn私は急行を使用していますが、どのように関連性があるかわかりません。 – rashadb

+0

WTF、-1で!この質問に何が間違っているのかを指摘したくない場合は、あなたが誰であれ私のポイントを返すべきです!これは合法的な質問であり、私が6時間以上を過ごした合法的な問題です。 – rashadb

答えて

0

TwitterおよびFB共有ボタンから生成されたコードは、Angular Fullstackアプリケーションの<body>の上部にあるindex.jsファイルに含まれています。その後、適切なcontroller.jsファイルに次のように入力します。

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

あなたは角を使っているとは言いませんでした。その場合、答えは当初から明らかで、もちろんFB.XFBML.parse()が必要です。 – luschn

+0

@luschn、はいこれはFB.XFBMLを使用してもFB Shareボタンで機能します。parseはその関数の中にある必要はなく、Angular関数の中で浮動することができます。 。 。各ページには、共有ボタンとコメントセクションがあります。コメントセクションはページの更新がないとロードされません:http://stackoverflow.com/questions/36187606/facebook-comments-only-load-after-refresh-with-angular-fullstack – rashadb

関連する問題