Angularjs - 社交媒體按鈕不顯示在部分

Question

我在我的Angularjs應用程序（臉譜，推特，谷歌+）中使用一些社交按鈕。如果我將這些按鈕包含在我的主index.html頁面中，它們顯示得很好。但是，如果我將它們包含在一個局部區域中，然後導航到這個局部區域，它們根本不會顯示出來。爲什麼是這樣？我使用ng-view將部分內部index.html包含在內。

這裏是腳本fb，twitter & g +按鈕我應該包括右上方的正文標籤。這家住的index.html

<!-- Facebook --> 
<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_US/all.js#xfbml=1&appId=269163553107202"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<!-- Google Plus - Place this tag after the last +1 button tag. --> 
<script type="text/javascript"> 
    (function() { 
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
    po.src = 'https://apis.google.com/js/plusone.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
    })(); 
</script>  
<!-- Pinterest --> 
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script> 

按鈕本身住在我share.html部分。

<li class="facebook"> 
    <img src="/img/icon-facebook.png" alt="facebook"/> 
    <div style="margin: 0 auto; display: block" class="fb-like" data-href="{{url}}" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div> 
</li> 
<li class="twitter"> 
    <img src="/img/icon-twitter.png" alt="twitter"> 
    <a style="width: 77px;" href="https://twitter.com/share" class="twitter-share-button" data-url="{{url}}" data-via="slowfoodnation" data-hashtags="">Tweet</a> 
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 
</li> 
<li class="google-plus"> 
    <img src="/img/icon-google-plus.png" alt="google plus"/> 
    <!-- Place this tag where you want the +1 button to render. --> 
    <div class="g-plusone" data-size="medium" data-annotation="none" data-href="{{url}}"   </div> 
</li> 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.