AngularJS css animation + callback realizado
Estoy usando AngularJS y me gustaría recibir una notificación cuando se realice una animación. Sé que esto se puede hacer con animaciones definidas en javascript como estamyApp.animation(...)
, pero tengo curiosidad si puedo hacer esto sin javascript.
Pregunta: ¿Es posible utilizar angularng-enter yng-dejar css-transiciones, y especificar una devolución de llamada hecha? Supongo que elanimationend
evento se dispara, por lo que debe haber una manera de hacer esto.
Tengo esto:
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 {...}
Y quiero llamarmyDone()
cuando la animación ha terminado (es decir, después de lang-enter-active
se quita la clase).