Угловая анимация при смене модели

Question

Я открываю угловые и очень впечатлен этими рамками.

Я копаюсь в анимации. Это кажется очень мощным, но я не нахожу что-то, что кажется легким.

У меня есть значение, которое связано в объеме. Скажем <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>

Я не проверял это, но основная идея такова.