使用Angularjs单击调用CSS动画

Question

我有一个表单，我想实现以下行为：

我通过点击提交按钮提交表单，表单无效，按钮从右向左摇动1.5秒。 您无法发送表单，直到它无效为止。

目前，当用户点击提交按钮时，函数submit（）正在检查所有字段，如果表单有效，则变量formValid变为true，否则变为false。

我对我的按钮所做的是添加一个ng-class，如果formValid为false，则应用动画的CSS类。

为了检测动画的结束，我尝试了一些东西，包括jQuery函数：

var anim = document.getElementById("animatedButton");
anim.addEventListener('animationend', $scope.AnimationListener());
anim.addEventListener('webkitAnimationEnd', $scope.AnimationListener())

但是对于摘要周期等，它没有用，我不应该使用JQuery来解决这个问题。

我知道我可以使用ngAnimate，但我正在寻找另一种解决方案。

非常感谢你！