title: ng-animate : Animation when model changes
body: <p>I have created a table in which user can increase and decrease the value.
  See the <a href="http://jsfiddle.net/AnandVishnu/c5p39/">Fiddle</a> </p>
  
  <pre><code>//sample code as its not allowing me to push the link to JSFiddle with out pasting code
  
     &lt;tr ng-repeat="d in dataSource" ng-animate="'animate'"&gt;
  
  // css - as from angular page
  .animate-enter {
      -webkit-transition: 1s linear all; /* Chrome */
      transition: 1s linear all;
      background-color:Yellow;
  }
  
  .animate-enter.animate-enter-active {
      background-color:Red;
  }
  </code></pre>
  
  <p>I want to do animation when the model updates i.e the table column changes in background color From Red to white in case user changes the value.</p>
  
  <p>So when you click up arrow or down arrow in any perticular column, the background color of that table column changes from Red to white.</p>
  
  <p>I am not able to get my head around it. Any pointers on how to achieve this ?</p>