Angularjs 带ng enter交错的角度UI路由器

Angularjs 带ng enter交错的角度UI路由器,angularjs,angular-ui-router,angularjs-ng-repeat,ng-animate,Angularjs,Angular Ui Router,Angularjs Ng Repeat,Ng Animate,我希望有人能帮助我,我已经在这件事上纠缠了一段时间了 我这里有一个简单的JSFIDLE: 这是使用ng enter stagge类来交错每个列表项上的动画,它似乎工作正常 然后,我尝试将此方法用于ui路由器上构建的应用程序,但动画不起作用: 我是否做错了什么,或者这种动画方法在ui路由器中不起作用? 非常感谢您的帮助。在JSFIDLE中使用了AngularJS 1.2.1版,而在Plunker中使用了1.4.1版。这两个版本之间发生了很大变化 从文件中: 应用程序启动时是否运行动画? 不,他们不

我希望有人能帮助我,我已经在这件事上纠缠了一段时间了

我这里有一个简单的JSFIDLE: 这是使用
ng enter stagge
类来交错每个列表项上的动画,它似乎工作正常

然后,我尝试将此方法用于ui路由器上构建的应用程序,但动画不起作用:

我是否做错了什么,或者这种动画方法在ui路由器中不起作用?
非常感谢您的帮助。

在JSFIDLE中使用了AngularJS 1.2.1版,而在Plunker中使用了1.4.1版。这两个版本之间发生了很大变化

从文件中:

应用程序启动时是否运行动画?

不,他们不是。应用程序自举时,将 禁用动画运行,以避免动画从 浏览器渲染屏幕后立即触发。对于 要使其工作,Angular将等待两个摘要周期,直到启用 动画。从那时起,任何触发布局更改的动画 应用程序将正常触发动画

在这种情况下,可以使用
ng animate children
属性

例如:

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

演示:

这太棒了,正是我所需要的“给孩子们制作动画”。谢谢你抽出时间帮忙。