Angularjs Angular ng animate不工作。为什么？

我在

ng repeat

中添加了简单动画，但它不起作用。看见这是我的代码：

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

m.controller('ExampleCtrl', function($scope) {
    $scope.items = [];
    var i = 0;
    $scope.addItems = function() {
        $scope.items.push("test"+i);
        i++;

    }
});

---

但它在这里工作：。我的JSFIDLE代码有什么问题吗？

您的

角度版本与工作的plunker不同，更新角度版本将解决您的问题

这是你的电话号码

但是请注意，这个
角度
版本太旧了，在以后的版本中有一个单独的角度模块


角度为1.4.x

这是一个最新的方式
角度
版本

包括
角度
和
角度动画
js
文件

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.2/angular.min.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.2/angular-animate.js"></script>

并使用
css
类作为

.div.ng-enter {
    opacity:0;
    -webkit-transition-duration: 1000ms;
}

.div.ng-enter-active {
   -webkit-transform:scale(1);
    opacity:1;
}

一些问题

ngAngular不是一个指令-它是一个模块

加载angular-animate.js并在您的模型中定义依赖项

css选择器与角度命名不匹配

请参见classname.ng-enter/classname.ng-leave


var m=angular.module（'App'，['ngAnimate']）；
m、 控制器（'ExampleCtrl'，函数（$scope）{
$scope.items=[]；
var i=0；
$scope.addItems=函数（）{
$scope.items.push（“测试”+i）；
i++；
}
});
.insert.ng-enter{
不透明度：0；
-webkit转换持续时间：1000ms；
}
.insert.ng-enter.insert.ng-enter-active{
-webkit转换：规模（1）；
不透明度：1；
}
.分区{
宽度：300px；
填充：30px；
背景：#ccc；
保证金：5px；
}

添加项目
{{item}}
将jQuery包含到您的jsfiddle@OlegYudovich我尝试过添加jquery，但它也不起作用。因为角度不同，所以答案是：）“ngAngular不是指令”-你的意思是
ngAnimate
？@Manwal它当然不起作用。angular.js是1.2.1版，angular-animate.js是1.4版-不要混用版本！！
.div.ng-enter {
    opacity:0;
    -webkit-transition-duration: 1000ms;
}

.div.ng-enter-active {
   -webkit-transform:scale(1);
    opacity:1;
}