Angular自定义指令不使用外部javascript插件

Question

我正在创建一个使用Image Tilt Effect插件的自定义角度指令。

<tilt></tilt>

模板看起来像这样。

<li class="grid__item">
<div class="grid__img grid__img--example-1" >
    <img src="img/3.jpg" class="tilt-effect" alt="grid01" data-tilt-options='{ "opacity" : 0.3, "extraImgs" : 3, "movement": { "perspective" : 1200, "translateX" : -5, "translateY" : -5, "rotateX" : -5, "rotateY" : -5 } }' />
</div>

我遇到的问题是，当我将自定义指令注入页面时，我在页面底部加载的这个脚本似乎没有打开。

<script src="js/tiltfx.js"></script>

如果我尝试将脚本移动到自定义指令的html片段中，我会收到错误：$compile:tplrt

Answer 1

更改

<script src="js/tiltfx.js"></script>

到

<script ng-src="js/tiltfx.js"></script>