如何在我的應用程序中動態加載JS文件？

Question

我想加載一個基於JS的動態外部JS文件。

我創建了一個服務做

angular.module('myApp').service('testService', function($http) { 
     var prefix; 
     //codes to determine what prefix is. 
     // It could be http://partnerapp.com/test or http://linkapp.com/test/libs/...etc 
     var url = prefix + '/js/test.js'; 
     return $http({ 
       method: 'GET', 
       url: url 
     }); //load JS file 
}); 

在我的主控制器

angular.module('myApp').controller('myController', function($scope, testService){ 
    //I am not sure how to load those js here. 
}) 

有反正我可以在我的情況下加載它們？非常感謝！

Answer 1

喜歡的東西：

angular.module('myApp').controller('myController', function($scope, testService){ 
    testService.then(function(data){ 
     //you can console.log(data) and after maybe eval it ? 
     eval(data);//eval can be harmfull 
    }, function(error){ 

    }); 
}); 

Answer 2

我沒有與angular.js多少經驗，但除了eval（）函數我只看到一個其他的解決方案的它需要的jQuery（如果你還沒有這樣做了）。我指的是jQuery.getScript(url, callback)。

這意味着你必須做這樣的事情：

var url = prefix + '/js/test.js'; 
$.getScript(url); //load JS file and execute script 

回調是可選的，它的腳本加載和解釋後執行。

這是我用過的東西，我可以保證會工作。另一種解決方案是使用src =創建腳本標記並將其附加到頁面的底部。我還沒有測試過它，所以我不是100％肯定它的成功。