ng-enter-stagger的角度UI路由器

Question

我希望有人可以帮助我我一直在这一段时间卡住。

我有一个简单的jsfiddle这里：http://jsfiddle.net/mcneela86/aodsux3p/ 它是使用ng-enter-stagger类错开对各列表项的动画，它似乎很好地工作。

我已经然后试图用此方法建立的UI的路由器上的应用程序，但动画不能正常工作：http://plnkr.co/edit/IDpTQuwELq0zWsqMDrPw?p=preview

难道我做错了什么或没有动画的这种方法不是用户界面 - 内工作路由器？ 任何帮助将非常感激。

Answer 1

在JSFiddle AngularJS版本1.2.1中使用，而在Plunker 1.4.1版本中使用。这两个版本之间有很大变化。

从文档：

是动画应用程序启动时运行？

不，他们不是。当引导应用程序时，Angular将 禁用运行中的动画，以避免浏览器在呈现屏幕后立即触发动态效果从 被触发。对于 这个工作，Angular将等待两个消化周期，直到启用 动画。从那里开始，任何动画触发布局更改 应用程序将正常触发动画。

在这种情况下，您可以使用ng-animate-children属性。

例如：

<ul ng-animate-children> 
    <li class="list-item" ng-repeat="dog in dogs">{{ dog }}</li> 
</ul> 

演示：http://plnkr.co/edit/X2DDZUuspOEWEWkADtxw?p=preview