如何使用JavaScript代码(和Velocity)为多个类(使用不同的ng指令)设置动画

如何使用JavaScript代码(和Velocity)为多个类(使用不同的ng指令)设置动画,javascript,angularjs,animation,velocity,ng-animate,Javascript,Angularjs,Animation,Velocity,Ng Animate,问题是,我试图在我的角度控制器的末尾用JS指定动画,如下表所示,动画应该在元素发生变化时发生。但似乎只有最后编写的动画作品(这里是ng include element的作品): 我怎样才能让它工作 myModule.animation('.element-With-ng-show', [function () { return { removeClass: function (elem, done) { Velocity(elem, 'slideDown', done);

问题是,我试图在我的角度控制器的末尾用JS指定动画,如下表所示,动画应该在元素发生变化时发生。但似乎只有最后编写的动画作品(这里是ng include element的作品):

我怎样才能让它工作

myModule.animation('.element-With-ng-show', [function () {
return {
    removeClass: function (elem, done) {
        Velocity(elem, 'slideDown', done);
    },
    addClass: function(elem, done){
        Velocity(elem, 'slideUp', done);
    }
}}]);
myModule.animation('.element-with-ng-include', [function () {
return{
    enter: function (elem, done) {
        Velocity(elem, "fadeIn", { delay: 500, duration: 500, display: 'flex' }, done)
    },
    leave: function (elem, done) {
        Velocity(elem, "fadeOut", { duration: 500 }, done)
    }
}}]);