title: Angular bootstrap animate.css remove animation
body: <p>In my project, thanks to animate.css, I can have entry animations like this:</p>
  
  <pre><code>&lt;div class="row animated fadeInDown" ng-show="someCondition"&gt;
  </code></pre>
  
  <p>This is great.  When <code>someCondition</code> is true, the div appears with an animation.  What I don't understand is how to cause the reverse to happen.  Say, in my controller I set <code>someCondition = false;</code>.  What should I do in the markup to make the div do a <code>fadeOutUp</code>?</p>
  
  <p>I tried putting the fade out in the class="" attribute, but that just conflicts with the fade in.  I also tried ng-class={} but I don't know what condition is true when something is being removed.</p>