在Angular指令模板中使用外部Javascript文件

Question

我正在我的webapp“components”中加载dinimate，它有一个指令和一个模板，如下所示：

angular.module('app')
.directive('carousel', function() {
return {
  restrict: 'E',
  scope: {
  left: '@',
  top: '@'
  },
  templateUrl: 'carousel.html'
};

}）;

这个模板可以有CSS依赖项，它可以工作，但它不适用于Javascript。您认为它如何运作？

模板示例（carousel.html）

<link rel="stylesheet" type="text/css" href="example.css" media="all"> //This works
<script src="jquery.min.js"></script> //This don't work. It doesn't even request the  file to the server.
<script>
  alert('This alert is not executed');
  function alertFn(){
    alert('This alert is not executed even calling the function from other parts of the code');
  }
</script>
<p class="templateExample">This template paragraph is loaded correctly in the view</p>

Answer 1

最后，使用jquery作为主要依赖项解决了问题。

根据经验，我可以看到，当您使用Javascript文件时，模板中的脚本会被有效加载。