Javascript 使用AngularJS的可重复动画

当页面上的指定字段为空时，我使用自定义指令触发元素上的动画。现在，当用户使用我的自定义指令单击按钮时，动画将工作一次。再次单击按钮不会触发动画，我不知道为什么。我曾尝试将.then（）与$animate服务一起使用，但没有成功

提前感谢您的任何/所有帮助

（函数（）{
“严格使用”
指令（'cfWobbler'，['$animate'，'$parse'，cfWobbler]）
函数cfWobbler（$animate，$parse）{
变量ret={
限制：“A”，
链接：链接
}
返回ret；
功能链接（范围、要素、属性）{
var el=document.getElementById（“部门持有人”）；
var fn=$parse（attrs['cfWobbler']）；
元素开启（'点击'，功能（）{
作用域：$apply（函数（）{
如果（fn（范围）=''）{
$animate.removeClass（el，“bounceInDown”）；
调试器；
$animate.addClass（el，'wobbler'，函数（）{
$animate.removeClass（el，“摆动器”）
});
}
});
});
}
}
})();运行正常，控制台中无错误


（函数（）{
“严格使用”
指令（'cfWobbler'，['$animate'，'$parse'，cfWobbler]）
函数cfWobbler（$animate，$parse）{
变量ret={
限制：“A”，
链接：链接
}
返回ret；
功能链接（范围、要素、属性）{
var el=document.getElementById（“部门持有人”）；
var fn=$parse（attrs['cfWobbler']）；
元素开启（'点击'，功能（）{
作用域：$apply（函数（）{
$animate.removeClass（el，“bounceInDown”）；
$animate.removeClass（el，'wobbler'）；
});
作用域：$apply（函数（）{
如果（fn（范围）=''）{
$animate.addClass（el，“摆动器”）；
}
});
});
}
}
})();签出$animateCss。您可以运行多个动画，然后就可以了<代码>var animation=$animateCss（el，{removeClass:'bounceInDown'，addClass:'wobbler'}）；animation.start（）.done（函数（）{//在此处完成动画后}）我尝试使用$animateCss，但这让我倒退了一步（我可能是用错了）。该元素将不再在按钮的点击或任何后续点击时摆动。