Угловой UI Router с ng-enter-stagger
Я надеюсь, что кто-то может помочь мне, я застрял на этом некоторое время.
У меня есть простой jsfiddle здесь: http://jsfiddle.net/mcneela86/aodsux3p/ который использует ng-enter-stagger Класс для пошагового анимации на каждом элементе списка, и, кажется, работает нормально.
Затем я попытался использовать этот метод с приложением, созданным на пользовательском интерфейсе, но анимация не работает: http://plnkr.co/edit/IDpTQuwELq0zWsqMDrPw?p=preview
Я делаю что-то не так или этот метод анимации не работает в UI-роутере? Любая помощь могла бы быть полезна.
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>