Javascript 在AngularJS中为新元素设置动画

我正在使用AngularJS，并尝试在输入数组中的新元素时设置动画：

<div ng-repeat="obj in objects">
  {{ obj.name }}
</div>

---

那么，在这种情况下，是否有任何方法可以处理动画，或者我是否需要更改更新阵列的方式？

如果使用ngAnimate，您应该能够在没有问题的情况下设置ng enter类的动画。看看这个小家伙

我正在设置2秒延迟，然后完全替换阵列。动画仍按预期工作。使用Angular版本1.2+，只需在主应用程序模块中包含ngAnimate模块

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

给你的ng repeat元素一个css类，例如“animate”。并附加css动画，当ng enter时，ng LEVE类由ANGLORAL添加

.animate.ng-enter, 
.animate.ng-leave {
...
}
.animate.ng-enter.ng-enter-active, 
.animate.ng-leave{
 ...
}

---

这是一个老问题，但我遇到了它，并认为我会把我的0.02美元

与其用新列表替换对象只是为了获得一些新元素，不如只将新元素推到数组的后面，然后以这种方式显示数组，当新项目进来时，它们一次进去一个，这样就可以设置动画

$http.get('/some/url')
.success(function(objects){
  for(o in objects){
    if(!$scope.objects[o]){
      $scope.objects.push(objects[o]);
    }
  }
});

---

我尝试循环结果并将它们推到$scope.objects中，但这太快了，我没有看到动画出现。。。。如果有一个选项可以在“for循环”中延迟一点，那么我真的可以判断它是否真的发生了：这里有一个与上面Charlie Martin发布的不同的工作示例。

$http.get('/some/url')
.success(function(objects){
  for(o in objects){
    if(!$scope.objects[o]){
      $scope.objects.push(objects[o]);
    }
  }
});