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.
@app.config ['$animateProvider', ($animateProvider) ->
$animateProvider.classNameFilter(/\banimate\b/)
]
@app.config ['$animateProvider', ($animateProvider) ->
$animateProvider.classNameFilter(/^(?:(?!no-animate).)*$/)
]