模型變化的角度動畫

我發現了角度，我對這個框架印象深刻。模型變化的角度動畫

我挖成動畫。它看起來非常強大，但我沒有找到看起來很容易的東西。

我有其在範圍綁定的值。假設<span>{{article.title}}</span>。我想在模型改變時在背景上放置動畫...我怎麼輕鬆地做到這一點？

在此先感謝您的幫助。

來源

2013-11-02 Farf

你看過「ng-animate」嗎？ – charlietfl

是的，但nganimate似乎完全適用於ngswitch，或在集合中更改，或者當移除或添加dom元素時。但是對於模板中的簡單綁定？ – Farf

對不起，我正在閱讀關於以前版本的文章... $ animate.addClass似乎正在做我正在尋找的東西...我會在以後進一步挖掘。 – Farf

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-15 11:16:10 tom10271

模型變化的角度動畫

回答

相關問題