在数据阵列上使用ngAnimate

Question

我已经制作了一个基本的传送带，并且想要在进入和离开数组中的每个索引时使用ng-animate来设置动画。 Carousel.Data中的模板将很快包含html数据。我想知道什么是在数组中传递html的最佳方式，所以用户可以点击next，然后出现下一个html模板。

我已经NG-动画加载具有角1.21版本的DOM，但我得到一个错误，当我尝试注入扶养

var App = angular.module('App', ['ngAnimate']); 

这是我到目前为止有： -

http://codepen.io/anon/pen/wajRog 

任何帮助，将不胜感激

Answer 1

这是很难CodePen告诉不过可以肯定的是angular.min.js之前加载angular-animate.js。确保顺序如下：

1. https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.9/angular.min.js
2. https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.9/angular-animate.js
3. https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.9/angular-touch.js

您可以通过点击汉堡包图标附近的每个资源和点击/拖动重新排列代码笔资源顶端。例如，如果我以https://docs.angularjs.org/api/ngAnimate为例，并打开锚点进行锚定。如果您将angular-animate cdn脚本标记移动到angular.min.js上方，则会导致注入错误。

让我知道这是否有效。