AngularJS ng-class javascript animations doesn't trigger

Question

I'm trying to attach js-defined animations to the ng-class directive via the usual syntax using add and remove but the animations won't run. Logging reveals that the add and remove functions don't get called.

app.animation( ".bob", function () {

    return {
        add : function ( element, done ) {
            // Do add animation here and call done when done.
        },
        remove : function ( element, done ) {
            // Do remove animation here and call done when done.
        }
    }
} );

This usually works fine with other directives like ngIf with it's enter and leave animations, but with ngClass it only seems to work with css-animations as proved by the example in the documentation

Daniel Tabuenca · Accepted Answer · 2013-11-26 09:22:31Z

2

You need to be using addClass and removeClass not add/remove. Also you need three parameters (element, className, done) you are missing the second.

answered Nov 26, 2013 at 9:22

Daniel Tabuenca

13.7k3 gold badges40 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

matsko Over a year ago

addClass, removeClass, setClass, beforeAddClass, beforeRemoveClass, beforeSetClass.

Collectives™ on Stack Overflow

AngularJS ng-class javascript animations doesn't trigger

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related