angularjs - 模型更改的角度动画

Question

我正在发现 angular，并且对这个框架印象深刻。

我正在研究动画。它看起来非常强大，但我找不到看起来容易的东西。

我有一个绑定在范围内的值。比方说<span>{{article.title}}</span>。我想在模型变化时在背景上放一个动画......我怎样才能轻松做到这一点？

在此先感谢您的帮助。

Answer 1

app.directive([ "$animate", function ($animate) {
    return function (scope, element, attrs) {
        var oldVal = attrs.animateWhen;
        attrs.$observe('animateWhen', function (value) {
            if (value != oldVal) {
                $animate.addClass(element, attrs.animateClass);
            }
        });
    };
}]);

在您的 html 中：

<span data-animate-when="{{ article.title }}" data-animate-class="aAnimationClassYouMakeOrUse">{{ article.title }}</span>

我没有测试过，但基本的想法是这样的。