Prevent angularjs animation from running on element that is initially hidden when loaded [duplicate]

问题

This question already has answers here:

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

Closed 4 years ago.

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.

来源：https://stackoverflow.com/questions/16158021/prevent-angularjs-animation-from-running-on-element-that-is-initially-hidden-whe