Angularjs animation using ngAnimate

Posted: September 18, 2015 in web

angular.module(‘someapp’,[‘ngAnimate’])

        .animation('.slide', function () {
            var NG_HIDE_CLASS = 'ng-hide';
            return {
                beforeAddClass: function (element, className, done) {
                    if (className === NG_HIDE_CLASS) {
                        $(element).slideUp(done);
                    }
                },
                removeClass: function (element, className, done) {
                    if (className === NG_HIDE_CLASS) {
                        $(element).hide().slideDown(done);
                    }
                }
            }
        })

view template

<div ng-show="vm.showMe" class="slide">
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s