부분로드 링크드 인 스크립트

Question

저는 LinkedIn API를 사용하고 있으며 사용자가 특정 경로에 진입 할 때 로그인 스크립트를로드해야합니다. 그러나, 내가 stackoverflow에서 읽은 바로는 부분적으로 스크립트 요소를 넣는 것은 불가능합니다. 내 코드는 정직 :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-route.js">   
    ... 
<script src="http://platform.linkedin.com/in.js"> 
api_key: ... 
authorize: true 
onLoad: onLinkedInLoad 
</script> 

<script type="in/Login"> 
Hello, <?js= firstName ?> <?js= lastName ?>. 
</script> 

<script src="js/linkedinFuncs.js"></script> 
</div> 

3 마지막 스크립트 (링크드 인 것들) 만 사용자가 '로그인'경로를 칠 때 포함해야합니다. 이견있는 사람?

Answer 1

사람이 문제가 발생하면 :

1) 각

이 전에 jQuery를로드해야합니다) 최신 각도를 실행 (이 문제는 1.2.9에서 해결하지만 1.2에 나를 위해 해결되지 않은 있었다됩니다. 0)

Answer 2

프로그래밍 방식으로이 부분에 스크립트를 넣어보십시오 않았다이

 (function injectScript() { 
      var src = 'http://platform.linkedin.com/in.js', 
       script = document.createElement('script'); 
      script.async = true; 


      script.src = src; 
      var api_key = 'YOUR_KEY_HERE'; 
      //script.authorize = true; 
      script.text = 'api_key: ' + api_key + '\n' + 'authorize: true\n'; 
      script.onload = function() { 
       IN.Event.on(IN, 'systemReady', function() { 

        loadDeferred.resolve(IN); 
       }); 
      }; 

      document.getElementsByTagName('head')[0].appendChild(script); 
     })();