我希望有人可以帮助我,但我已经坚持了一段时间。
我在这里有一个简单的jsfiddle:http : //jsfiddle.net/mcneela86/aodsux3p/,它使用ng-enter-stagger
该类来交错每个列表项上的动画,并且看起来工作正常。
然后,我尝试对基于ui路由器构建的应用程序使用此方法,但动画无法正常工作:http : //plnkr.co/edit/IDpTQuwELq0zWsqMDrPw?p=preview
我是在做错什么,还是这种动画方法在ui路由器中不起作用?任何帮助将非常感激。
在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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句