Question

我想有一个指令通知用户数据已经改变，（例如通过改变bg颜色，摇动，滑动等）。一个简单示例就像这样：

HTML：

<change watch="heartbeat">{{heartbeat}}</change>

指令：

angular.module('module').directive('change', function($timeout) {

    return {
        restrict: 'E',
        link: function(scope, element, attrs) {
            scope.$watch(attrs.watch, function(value) {
                element.addClass("changed");
                $timeout(function() {
                    element.removeClass("changed");
                }, 600);
            });
        }
    }
});

如何更改上述指令以使其使用ngAnimate功能？我一直在寻找$ animator服务，但我无法弄清楚如何将其融入上述模型。

Answer 1

我认为目前这是不可能的。

ngAnimate指令此时仅支持5种预定义类型的动画触发事件（v1.1.4）：

输入
假
移动
显示
隐藏

上面的每一个都与特定的DOM操作操作相结合，你想要实现的内容不适合这5个类别中的任何一个，所以可能直到支持自定义动画事件。

可在此处找到更多解释： http://gsklee.im/post/50254705713/nganimate-your-angularjs-apps-with-css3-and-jquery

在transcluded指令上使用ngAnimate

1 个答案: