动态添加JavaScript文件的指令

Question

是否可以使用ng-repeat将脚本文件动态添加到我的html文件中？

我有如下指令：

angular.module("app").directive("scriptLoader", function($compile) {
  return {
    template: "<script ng-repeat='s in files' src={{s}}></script>",
    scope: true
  }
});

同时files是我的控制器中的范围变量：

$scope.files = ["test.js", "script.js"];

我将html呈现为：

<script-loader class="ng-scope">
  <script ng-repeat="s in scripts" src="test.js" class="ng-scope"></script>
  <script ng-repeat="s in scripts" src="script.js" class="ng-scope"></script>
</script-loader>

但它无效，因为每当我尝试从加载的文件调用方法时，它只是说方法没有定义。

我只是好奇为什么我不能像这样加载脚本。请帮忙！