2

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

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

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

在此先感谢您的帮助。

4

1 回答 1

0
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>

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

于 2014-02-15T11:16:10.723 回答