Animating search bar entrance. No .ng-enter class?


So, I’m a webdev newbie trying to build a simple grocery shopping application with Ionic.

Here’s what I have so far:

Now for my question: In the app main view that lists recipes I have a search button that toggles search field. I want the search bar to be animated, sort of like sliding down from behind the nav bar. Can you please help me with that? I wanted to use ng-animate but when inspecting the bar while it’s opening I can’t see ng-enter class being added to the element. Why is that?

Nevermind - I was looking for .ng-enter while I should be using .ng-hide-add and .ng-hide-remove.

SOVLED! Working animation visible here