title: ng-animate animation direction
body: <p>I am trying to get some simple ng-animate behavior working, but have hit a wall and can't quite work out what I am doing wrong.</p>
  
  <p>My code contains a angularui ui-view with a class that dictates the direction the UI View should arrive from - either the left hand side or the right hand side of the screen to giev the impression of a sliding panel that either shows or hides data.</p>
  
  <p>You can see what I am after here - pay attention to the direction of the link arrows;</p>
  
  <p><a href="http://plnkr.co/edit/H2eRr5pPNKTDHXFXsyUn" rel="nofollow">http://plnkr.co/edit/H2eRr5pPNKTDHXFXsyUn</a></p>
  
  <p>The ui view code is;</p>
  
  <p><code>&lt;div ui-view class="{{whichWayToMove}}"&gt;&lt;/div&gt;</code></p>
  
  <p>With a couple of routeChange event listeners to detect when the appropriate CSS should change the direction of where the ui views come from.</p>
  
  <p>I have an feeling the problem is a scoping one, but would appreciate some outside help.</p>