title: animate div using angularjs animate
body: <p>I am using angularJs 1.2+ and angular ui router.<br>
  I have a route that contains div. When entering to that route, a div showed up. I would like to add an animation to that div for enter and leave but I don't know how to do it.<br>
  I don't know if I should create a directive that uses $animate or use a built in directive of angular. Any suggestion?</p>