angularjs - 在指令内使用 element.addClass 时如何触发 ngAnimate 类序列

Question

在指令内部，我根据用户交互在元素上添加各种类。

使用代替指令时如何获取ngAnimate类序列（例如my-class-add-> ）？my-class-add-activeelement.addClassngClass

我想使用 CSS 过渡，而不是 JS 动画。

谢谢。

Answer 1

您需要通过动画服务（angularjs 1.2）添加类，例如

module.directive('directive', function ($animate) {
    return {
        restrict:"A",
        link: function($scope,$element) {
            $element.on("click", function() {
                $animate.addClass($element,"my-animation");
            });        
        };
    }
});

文档

Answer 2

理想情况下，您会将其委托给与 ngAnimate 相关的另一个指令（即 ng-show、ng-if、ng-repeat 等）。

您可以设置范围属性并让另一个指令处理动画类。