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