title: What is the pragmatic way to immediately hide something after showing it in Angular?
body: <p>In a game I am making in AngularJS, I want to display some text that should fade away immediately, indicating the amount of experience that a character is gaining. I have done this by adding an element to the DOM representing the experience text, that has an ngIf attached saying to show itself once the character kills the monster. However, now I need to immediately hide the text to trigger an ng-leave animation that fades out the text, and remove the text from the DOM, and I'm not sure how to go about doing this in a way that avoids mixing animation logic into my javascript.</p>
  
  <p>Is there a design pattern for situations like this that lets me hide an element in the DOM right after it gets shown, without exposing details about the animation that should play to my JS code?</p>