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

Question

我已在我自己的個人網絡網站中使用velocity.js，但從未在角度應用程序中使用。我不是一個有角度的開發者（但），請耐心等待。

我正在關注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）速度庫。我如何將其包含在我的依賴列表中？

而且這樣的：

角速度假定角核心和附加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頭添加其引用。