AngularJS inject styling for .ng-hide in the
.ng-hide{display:none !important;}

This is fine, but causes confusion when animating with ng-show, because the element became visible at the end of the animation (not showing the animation at all, just a delay).

I suggest also injecting the css rule .ng-hide-remove{display:block !important;}