用于动态添加JavaScript文件的指令

是否可以使用

ng repeat

将脚本文件动态添加到我的html文件中

我有如下指示：

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

我得到的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>

但它不起作用，因为每当我试图从加载的文件调用一个方法时，它只是说该方法没有定义

---

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

@Satpal包含了该项目的信息same@Satpal不，我在控制台中没有收到任何错误。此外，我正在Plunker中尝试这一点，因此不确定如何使用绝对url：（

不是Angular编译器正常处理的，这是故意做的。您尝试做的事情很糟糕，它可以多次加载脚本。不要将模板用于它们不适用的内容。如果您需要以编程方式加载脚本，请使用纯JS。

<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>