Angularjs animation using ngAnimate

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