Arrêter L'Animation angulaire sur ng-show / ng-hide

je pense que la meilleure façon de le faire est d'utiliser le $animateProvider.classNameFilter qui vous permettra de filtrer les éléments à animer ou dans ce cas de ne pas animer. Nous allons faire quelque chose comme:

 $animateProvider.classNameFilter(/^((?!(fa-spinner)).)*$/);
 //$animateProvider.classNameFilter(/^((?!(fa-spinner|class2|class3)).)*$/);

Démo:

http://plnkr.co/edit/lbqviQ87MQoZWeXplax1?p=preview

Angulaire docs de l'état:

définit et / ou renvoie la classe CSS regular expression qui est cochée lors de l'exécution d'une animation. Lors de l'amorçage, la valeur classNameFilter n'est pas définie et donc permettront $animer pour tenter de effectuer une animation sur n'importe quel élément. Lors de la mise en place du classNameFilter valeur, les animations ne seront effectuées que sur des éléments qui correspond à l'expression filter. Cela peut à son tour améliorer les performances faible puissance des appareils ainsi que des applications contenant beaucoup de les opérations structurelles.

comme autre réponse dans le commentaire de la directive no-animate , vous pouvez écrire une directive ng-show qui s'exécutera à une priorité plus élevée et désactivera l'animation. Nous ne le ferons que si l'élément a la classe fa-spinner .

  problemApp.directive('ngShow', function($compile, $animate) {
    return {
      priority: 1000,
      link: function(scope, element, attrs) {

        if (element.hasClass('fa-spinner')) {
          // we could add no-animate and $compile per 
          // /q/angularjs-exclude-certain-elements-from-animations-46532/"http://plnkr.co/edit/BYrhEompZAF5RKxU7ifJ?p=preview" rel="noreferrer">http://plnkr.co/edit/BYrhEompZAF5RKxU7ifJ?p=preview


Lastly, and similar to the above, we can use the no-animate directive if we want to make it a little more modular.  In this case I'm naming the directive faSpin which you could do in the answer above.  This is essentially the same only we are preserving the directive from the SO answer mentioned in the comment of the above codeset.  If you only care about the fa-spin animation issues naming it this way works well, but if you have other ng-show animation problems you'd want to name it ngShow and add to the if clause.

  problemApp.directive('noAnimate', ['$animate',
    function($animate) {
      return {
        restrict: 'A',
        link: function(scope, element, attrs) {
          $animate.enabled(false, element)
          scope.$watch(function() {
            $animate.enabled(false, element)
          })
        }
      };
    }
  ])

  problemApp.directive('faSpin', function($compile, $animate) {
    return {
      priority: 1000,
      link: function(scope, element, attrs) {

        if (element.hasClass('fa-spinner')) {
          element.attr('no-animate', true);
          $compile(element)(scope);

        }
      }
    }
  });
  

  
  Démo:    http://plnkr.co/edit/P3R74mUR27QUyxMFcyf4?p=preview