Angular：如何在我的 Angular 应用程序中使用 Velocity.js？

Question

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

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

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

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.

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

从 npm 安装时，假设 VelocityJS 将在 Angular Velocity 之前安装和加载。

好的，所以我安装了（通过 npm）velocity 库。如何将其包含在我的依赖列表中？

还有这个：

angular-velocity 假设已加载 Angular 核心和附加的 ngAnimate 模块

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

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 的标题中。