AngularJS:ngAnimate和ng repeat未在中工作>;1.1.5?

AngularJS:ngAnimate和ng repeat未在中工作>;1.1.5?,angularjs,ng-repeat,ng-animate,Angularjs,Ng Repeat,Ng Animate,我是个新手,我正在尝试一些东西。我的应用程序使用Angular 1.2.8。我想制作一个列表的动画-我还找到了一个ng animate与ng repeat一起工作的示例。但是这一个使用了角1.1.5。我无法在另一个版本下运行它,不管我尝试了哪种版本 html <div ng-init="items=['Lorem', 'Ipsum', 'Dolar', 'Sit', 'Consectetur', 'Adipisicing', 'Elit', 'Sed', 'Do'];"> <i

我是个新手,我正在尝试一些东西。我的应用程序使用Angular 1.2.8。我想制作一个列表的动画-我还找到了一个ng animate与ng repeat一起工作的示例。但是这一个使用了角1.1.5。我无法在另一个版本下运行它,不管我尝试了哪种版本

html

<div ng-init="items=['Lorem', 'Ipsum', 'Dolar', 'Sit', 'Consectetur', 'Adipisicing', 'Elit', 'Sed', 'Do'];">
<input type="text" ng-model="search" class="search-query" style="width: 80px" />
<ul>
<li ng-animate="'animate'" ng-repeat="item in items | filter:search">
<a href="#"> {{item}} </a>
</li> 
</ul>   
(AngularJS 1.1.5)

(AngularJS 1.2.8)

这些小提琴之间的唯一区别是angular.js。我也尝试添加angular-animate.js,但没有成功

这怎么可能?我做错了什么


感谢您提供的任何帮助。

请小心,在1.2中更改所有nAnimate。。。这是一个关于更改内容的参考。这一页已经过时,您有angular animate 1.1.5的文档。谢谢大家,使用新语法进行操作:
.animate-enter, 
.animate-leave
{ 
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
} 

.animate-enter.animate-enter-active, 
.animate-leave {
    opacity: 1;
    top: 0;
    height: 30px;
}

.animate-leave.animate-leave-active,
.animate-enter {
    opacity: 0;
    top: -50px;
    height: 0px;
}