Angularjs - 소셜 미디어 버튼이 부분으로 표시되지 않음

Angularjs 앱 (페이스 북, 트위터, 구글 +)에서 소셜 버튼을 몇 개 사용합니다. 내 주요 index.html 페이지에 이러한 버튼을 포함하면 잘 보입니다. 그러나 부분적으로 포함시킨 다음이 부분으로 이동하면 전혀 표시되지 않습니다. 왜 이런거야? 나는 ng-view를 사용하여 index.html 부분을 포함하고 있습니다.Angularjs - 소셜 미디어 버튼이 부분으로 표시되지 않음

다음은 fb, twitter 용 스크립트입니다. & g + 버튼 저는 닫는 body 태그 바로 위에 포함해야합니다. 이 라이브 부분 내 share.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>

버튼 자체 index.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>

출처

2013-01-17 Adam Soffer

우리에게 보여줄 수있는 코드가 있습니까? 노력하고있는 것을 볼 수 없으면 무엇이 잘못되었다고 말하기가 어렵습니다. –

부분에 '

Angularjs - 소셜 미디어 버튼이 부분으로 표시되지 않음

관련 문제