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).