title: Angular fadein and fadeout - the standard way without CSS?
body: <p>I find it extremely difficult to make an animation in angular, comparing to jquery. There are so many versions of angular animation fadein and fadeout that I found them from blogs/ tutorials/ etc, some of them are on older version of angular. Angular's seems to be very inconsistent when a newer version of it comes out to replace the old ones. I can't see any standard way of doing it. Hence I don't know where to start.</p>
  
  <p>I just to fade in a form or a html doc when the button is clicked.</p>
  
  <p>html,</p>
  
  <pre><code>&lt;button ng-click="loadInclude" &gt;Load Include Form&lt;/button&gt;
  &lt;div ng-include="'form.php'" ng-if="readyToLoadForm===true"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>angular,</p>
  
  <pre><code>   var app = angular.module("myapp", ['ngAnimate']);
  
     app.controller("FormController",function($scope) {
  
              $scope.readyToLoadForm = false;
              $scope.loadInclude = function(e) {
                  $scope.readyToLoadForm = true;
              };
          }
      );
  </code></pre>
  
  <p>any ideas?</p>