angularjsng-animate

disable nganimate for some elements


I'm using the ngAnimate module, but all my ng-if, ng-show, etc, are affected by that, I want to leverage ngAnimate for some selected elements. For performance and some bugs in elements that shows and hide very speedy.

thanks.


Solution

  • Just add this to your CSS. It is best if it is the last rule:

    .no-animate {
       -webkit-transition: none !important;
       transition: none !important;
    }
    

    then add no-animate to the class of element you want to disable. Example:

    <div class="no-animate"></div>