我正在发现 angular,并且对这个框架印象深刻。
我正在研究动画。它看起来非常强大,但我找不到看起来容易的东西。
我有一个绑定在范围内的值。比方说<span>{{article.title}}</span>
。我想在模型变化时在背景上放一个动画......我怎样才能轻松做到这一点?
在此先感谢您的帮助。
我正在发现 angular,并且对这个框架印象深刻。
我正在研究动画。它看起来非常强大,但我找不到看起来容易的东西。
我有一个绑定在范围内的值。比方说<span>{{article.title}}</span>
。我想在模型变化时在背景上放一个动画......我怎样才能轻松做到这一点?
在此先感谢您的帮助。
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>
我没有测试过,但基本的想法是这样的。