angularjs从动画中排除某些元素

时间:2014-05-27 01:08:28

标签: angularjs angularjs-animation

我在某些地方使用ngAnimate,但它正在接管所有ng-class元素的动画。我已经为各种元素编写了大量的动画代码,我不需要ngAnimate来接管它们。他们的添加课程似乎搞砸了。无论如何要排除这些元素?

这是我要排除的元素:

<div ng-class="myclass"></div>

ngAnimate添加类似

的类
$scope.myclass = 'move'

<div class="move-add" ng-class="myclass"></div>

1 个答案:

答案 0 :(得分:1)

jaawerth在IRC帮助过我。他/她指示我到这个链接:

https://github.com/angular/angular.js/issues/5172

并建议我写下这个指令:

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

这解决了这个问题。