AngularJS在partials中加载javascript

Question

我的AngularJS应用程序中有一部分需要运行第三方.js文件。为了使这个部分正常工作，我必须在应用程序视图中加载页面后加载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);
    }
  }
})

然后在部分我有<div load-scripts></div>。部分没有加载任何东西，该指令没有将html标签添加到页面。关于我应该做什么的任何想法？

我在这里回顾了类似的问题/答案：Correct way to integrate Jquery plugins in Angular.js

我似乎完全跟随它，除了我正在使用angular.element。我尝试了不同的测试，没有任何元素被包含在DOM中