Read more

Partially disable animations for Angular 1.4+

Judith Roth
February 01, 2017Software engineer at makandra GmbH

If you use Angular 1.4+ together with Angular Animate, all ng-show, ng-hide, ng-class etc. are animated on default.

Illustration online protection

Rails Long Term Support

Rails LTS provides security patches for old versions of Ruby on Rails (2.3, 3.2, 4.2 and 5.2)

  • Prevents you from data breaches and liability risks
  • Upgrade at your own pace
  • Works with modern Rubies
Read more Show archive.org snapshot

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'

@app.config ['$animateProvider', ($animateProvider) ->
  $animateProvider.classNameFilter(/\banimate\b/)
]

Option 2: Disable animations only for elements with class 'no-animate'

@app.config ['$animateProvider', ($animateProvider) ->
  $animateProvider.classNameFilter(/^(?:(?!no-animate).)*$/)
]
Posted by Judith Roth to makandra dev (2017-02-01 18:33)