angularjs - 我的Angular应用程序中的Angular : How can I use Velocity. js？

Question

我用过velocity.js在我自己的个人网站中，但从不在 Angular 应用程序中。我(还)不是 Angular 开发人员，所以请多多包涵。

我正在关注 angular-velocity github page 上的 README 文件.但是当我运行我的应用程序时，我收到一个错误，我缺少模块。

这是我的模块声明的样子:

var appModule = angular.module('app.module', ['module-one', 'module-two', 'angular-velocity']);

...

我现在得到的错误是:

Module 'angular-velocity' is not available! You either misspelled the module name or forgot to load it.

进一步阅读我看到了这个:

When installing from npm, it is assumed that VelocityJS will be installed and loaded before Angular Velocity.

好的，所以我(通过 npm)安装了速度库。我如何将其包含在我的依赖列表中？

还有这个:

angular-velocity assumes that the Angular core and the additional ngAnimate module is loaded

那么这是否意味着我需要这样的东西？

var appModule = angular.module('app.module', ['module-one', 'module-two', 'ngAnimate', 'angular-velocity']);

但在示例中，列出的所有内容都是 angular-velocity .

在我的项目中，我没有看到单独的脚本标签。我假设该项目只是读取依赖项并从 package.json 中获取它们文件？ (完全猜测)。

这不会发生:

<script src="bower_components/velocity/velocity.min.js"></script>
<script src="bower_components/velocity/velocity.ui.min.js"></script
<script src="bower_components/angular-velocity/angular-velocity.min.js"></script>

感谢您的任何建议!

Answer 1

您可以使用 CDN 包含速度

<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/1.2.3/velocity.min.js"></script>
<script src="//cdn.jsdelivr.net/velocity/1.2.3/velocity.min.js"></script>

或使用凉亭

bower install velocity

并将其引用添加到默认文件夹 bower_components 的标题中.

如果改为使用 npm您可以使用:
npm install velocity-animate
并将其引用添加到默认文件夹 node_modules 的标题中.