title: How can I animate sorting a list with orderBy using ng-repeat with ng-animate?
body: <p>I'm rendering a list of objects using <code>ng-repeat</code> with an <code>orderBy</code> filter like this:</p>
  
  <p><code>&lt;li class="list-item" ng-repeat="item in items | orderBy:predicate:reverse"&gt;</code></p>
  
  <p>My attempts to ng-animate a change in sorting of the list have proven frustrating and aren't worth sharing. I have seen the Yearofmoo example app <a href="http://yearofmoo-articles.github.io/angularjs-animation-article/app/#/ng-repeat">here</a>.</p>
  
  <p>Unfortunately this demonstration is not quite what I'm trying to achieve. I need to animate the X position of a given list item when it is placed in a new order after the <code>orderBy</code> definition changes.  I have tried to accomplish this with css transitions and absolute positioning, but <code>ng-repeat</code> seems to recreate the list items on <code>orderBy</code> making animation a real challenge.</p>
  
  <ol>
  <li>Is this possible with <code>ng-repeat | orderBy</code> (with or without
  <code>ng-animate</code>)?</li>
  <li>Can you suggest an approach or provide an example?</li>
  </ol>