title: Function callback after animation ends in Angular 2
body: <p>Using this as my learning source: <a href="https://angular.io/docs/ts/latest/guide/animations.html" rel="nofollow">https://angular.io/docs/ts/latest/guide/animations.html</a></p>
  
  <p>Do any of you guys know if/how I can call a function once the animation is complete?</p>
  
  <p>I'm creating a To Do app and would like to animate the task fading away when the user hits complete.</p>
  
  <p>I just don't know how to delete it from the array that I store it in after the animation completes. Right now it completely removes it, if I delete it from the array.</p>
  
  <p>If I don't delete it from the array it fades away like expected but it's still in the DOM, just opacity is set to 0.</p>
  
  <p>Having a hard time with google as there doesn't seem to be many animation examples online yet.</p>
  
  <p>Any help would be greatly appreciated!</p>