Posted over 5 years ago. Visible to the public.
Partially disable animations for Angular 1.4+
If you use Angular 1.4+ together with Angular Animate, all ng-show
, ng-hide
, ng-class
etc. are animated on default.
If you want only some elements to be animated there are 2 possibilities: Either disable animations globally and only run animations if the element has a certain class or enable animations globally and add a certain class if no animation is wanted.
Option 1: Enable animations only for html elements with class 'animate'
Copy@app.config ['$animateProvider', ($animateProvider) -> $animateProvider.classNameFilter(/\banimate\b/) ]
Option 2: Disable animations only for elements with class 'no-animate'
Copy@app.config ['$animateProvider', ($animateProvider) -> $animateProvider.classNameFilter(/^(?:(?!no-animate).)*$/) ]
Your development team has a full backlog of feature requests, chores and refactoring coupled with deadlines? We are familiar with that. With our "DevOps as a Service" offering, we support developer teams with infrastructure and operations expertise.