Angular:我如何在Angular应用程序中使用Velocity.js?

时间:2016-10-28 16:35:34

标签: angularjs velocity.js

我在自己的个人网站网站中使用了velocity.js,但从未在角度应用程序中使用过。我还不是一个有角度的开发人员,所以请耐心等待。

我正在关注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.

进一步阅读我看到了:

  

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

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

还有:

  

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>

感谢您的任何建议!

1 个答案:

答案 0 :(得分:2)

您可以使用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的标头中添加其引用。