将插件转换为 ng-directive

Question

这应该是直截了当的，但我遗漏了一些东西。

我正在使用 greensock draggable animation library、grunt、bower、npm、yada yada...

bower.json 依赖关系

grunt（在 coffeescript 中），bower_concat 主要文件：因为可拖动组件未在 greensock 的补间文件中列出 bower.json

我的指令，在 coffeescript 中

我的 jasmine 测试是说它在我编译的 js

中找不到对 Draggable.js 的引用

ReferenceError: Can't find variable: Draggable in file:///Users/ari.picker/apps/LightHouse/lighthouse/lighthouse-ui/.grunt/grunt-contrib-jasmine/temp/compiled-coffee/src/lessons/panes-directives/greensockDraggable.js (line 9)

如有任何建议，我们将不胜感激。

Answer 1

~~尝试在您的 grunt 文件中将 "greensock" 更改为 "gsap"。~~

在 plugins/utils 中包含 TweenMax 似乎有效。

mainFiles: {
  "greensock": ["src/uncompressed/TweenMax.js", "src/uncompressed/utils/Draggable.js"]
}

将插件转换为 ng-directive

Convert plugin to ng-directive

angularjs

plugins

angularjs-directive

coffeescript