Prevent angularjs animation from running on elemen

问题:

This question already has an answer here:

• ngAnimate on ngShow. Preventing animation when it starts first time 4 answers

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 element is shown, then the slide up animation occurs and hides the element.

回答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.