从部分角度加载LinkedIn脚本

时间:2014-01-16 06:22:39

标签: angularjs

我正在使用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个脚本(这些脚本)。有什么想法吗?

2 个答案:

答案 0 :(得分:0)

如果有人遇到此问题:

1)确保在角度

之前加载jquery

2)运行最新的角度(此问题已在1.2.9上解决,但在1.2.0上未解决)

答案 1 :(得分:0)

您可以通过使用类似的

以编程方式从相关的congtroller中的代码加载它
        (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); 
        })();