AngularJS CSS Animation + Rückruf erledigt

Ich benutze AngularJS und möchte benachrichtigt werden, wenn eine Animation fertig ist. Ich weiß, dass dies mit javascript-definierten Animationen wie dieser möglich istmyApp.animation(...), aber ich bin gespannt, ob ich das ohne Javascript machen kann.

Frage: Ist es möglich, eckige zu verwendenng-enter undng-verlassen CSS-Übergänge und einen erledigten Rückruf angeben? Ich denke dasanimationend Das Ereignis wird ausgelöst, daher sollte es eine Möglichkeit geben, dies zu tun.

Ich habe das:

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

Und ich möchte anrufenmyDone() wenn die Animation beendet ist (d. h. nach demng-enter-active Klasse wird entfernt).

Antworten auf die Frage(1)

Ihre Antwort auf die Frage