title: Page transitions in angular
body: <p>I'm building a mobile app with angular and I'm trying to achieve page transitions when switching between views.</p>
  
  <p>I know they released animations with 1.1.4, but does that work between views too? I'm not using the angular-routing however, which I think makes things more tricky. I'm building things in ASP.NET MVC and printing out the things we need with Razor.</p>
  
  <pre><code>&lt;!doctype html&gt;
    &lt;html&gt;
         &lt;head&gt;
               //Normal head-stuff
         &lt;/head&gt;
  
          &lt;body&gt;
             &lt;div class="main"&gt;
                 @RenderBody       &lt;----The angular app goes here
             &lt;/div&gt;
          &lt;/body&gt;
  
     &lt;/html&gt;
  </code></pre>
  
  <p>I tried implementing fasw transitions:
  <a href="http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/" rel="nofollow">http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/</a></p>
  
  <p>But then I ended up sliding the whole page without rendering the new angular view, i.e, all white. </p>
  
  <p>Is there a way to have a normal link and have the page transition between the angular views and how can I achieve it?</p>
  
  <p>I'm thinking that I can maybe use ng-animate on the whole view when it has loaded, would that work?</p>