AngularJS在片段中加载javascript

我的AngularJS应用程序中有一部分需要第三方.js文件才能运行。为了使这个部分正确工作，我必须在页面加载到app视图后加载javascript

到目前为止，我所知道的是，指令包含以下脚本：

.directive('loadScripts',function() {
  return {
    restrict :'EA',
    link: function(scope, element, attrs) {
      angular.element('<script src="/js/jquery.cycle.all.js" type="text/javascript"></script><script src="/js/main.js" type="text/javascript"></script>').append(element);
    }
  }
})

.directive（'loadScripts'，function（）{
返回{
限制：'EA'，
链接：函数（范围、元素、属性）{
角元素（“”）.append（元素）；
}
}
})

然后在部分中，我有

。分部没有加载任何内容，指令没有向页面添加html标记。我该怎么做有什么想法吗

我在这里回顾了一个类似的问题/答案：

---

除了使用angular.element之外，我似乎完全遵循它。我尝试了不同的测试，没有一个元素被包含到DOM中，这是错误的。你的做法正好相反。但是，您需要创建脚本元素并将其附加到

元素

。不知道你为什么要这样做。您可以将脚本放在视图本身中。您只需执行

['/js/jquery.cycle.all.js'，'/js/main.js'].forEach（函数（url）{var script=document.createElement（'script'）；script.type='text/javascript'；script.src=url；element.append（script）；}）您实际上创建了脚本标记，这是可以的，但是之后，您将现有的指令元素附加到它上面。什么都不会发生。您可以尝试：
element.replaceWith（angular.element（“”））@HimmetAvsar我认为这样做是错误的。