Prevent Angularjs Animation From Running On Element That Is Initially Hidden When Loaded

http://codepen.io/cflynn07/pen/hbgxf ^ Example I have an angularjs animation, and I don't want it to run on page load for an element that is supposed to be hidden. Right now, the

Solution 1:

Is this something you're looking for?

http://codepen.io/anon/pen/JaHKL

Basically you need set style="display: none;" to declare the initial state.

Otherwise the initial state will be display:inline and when AngularJS reads data-ng-show="false", it will trigger your hide animation in order to match your setting.

Hope it helps.