title: AngularJS 1.2 View leave/enter animation?
body: <p>Basically I want to slide out a view and slide in a new view, but the "leave event" is not happening at all, the old view disappears (before the leave effect) and the new view comes in with the transition effect.</p>
  
  <p><strong>FILE = index.html</strong></p>
  
  <pre><code>&lt;!--Placeholder for Views--&gt;
  &lt;div id="main" ng-view="" class="slide-animation"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>FILE = app.css</strong></p>
  
  <pre><code>/* Animations */
  .slide-animation.ng-enter, .slide-animation.ng-leave {
    transition: 0.5s cubic-bezier(0.420, 0.000, 1.000, 1.000) all;
  }
  
  .slide-animation.ng-enter {
    left: 100%;
  }
  
  .slide-animation.ng-enter.ng-enter-active {
    left: 0;
  }
  
  .slide-animation.ng-leave {
    left: 0;
  }
  
  .slide-animation.ng-leave.ng-leave-active {
    left: -100%;
  }
  </code></pre>
  
  <p>any help is appreciated, Thanks.</p>