AngularJS CSS анимация + обратный вызов
Я использую AngularJS и хотел бы получать уведомления о завершении анимации. Я знаю, что это можно сделать с помощью анимации, определенной в javascript.myApp.animation(...)
, но мне любопытно, если я могу сделать это без JavaScript.
Вопрос: Можно ли использовать угловойнг ввести а такженг-отпуск css-переходы, и указать готовый обратный вызов? Я думаю,animationend
Событие запускается, поэтому должен быть способ сделать это.
У меня есть это:
HTML:
<div ng-if="item" class="myDiv"> {{ item.name }} </div>
CSS:
.myDiv.ng-enter {...}
.myDiv.ng-enter.ng-enter-active {...}
.myDiv.ng-leave {...}
.myDiv.ng-leave.ng-leave-active {...}
И я хочу позвонитьmyDone()
когда анимация завершена (т.е. послеng-enter-active
класс удаляется).