Estou usando o AngularJS e gostaria de ser notificado quando uma animação for concluída. Eu sei que isso pode ser feito com animações definidas por javascript como estamyApp.animation(...), mas estou curioso para poder fazer isso sem javascript.

Pergunta, questão: É possível usar angularng-enter eng-leave css-transitions e especificar um retorno de chamada concluído? Eu acho que oanimationend evento for disparado, deve haver uma maneira de fazer isso.

Eu tenho isto:

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 {...}

E eu quero ligarmyDone() quando a animação terminar (ou seja, após ong-enter-active classe é removida).