模型變化的角度動畫

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> 

我沒有測試過，但其基本思路是這樣的。