$animator and ngShow: initial state

[olostan]

I am using ngShow directive to show some elements on the page, that are initially hidden. As 1.1.4 added animations, I've decided to try to add them to page and used example from documentations.

But as result when initial value is 'false' and document loaded, I see that elements, that should be hidden by ngShow are visible and classes "..-hide-setup", "...-hide-start" are been applied.

This brings to undesired behavior: hidden elements start hiding themselves instead of been hidden initially.

Here is Plunker that illustrate that situation: http://plnkr.co/edit/67Q96KmExV78Kd84tq4g

Is this 'by design' or should be fixed? Now I am checking ngShowDirective and $animator sources to find a solution how to inform $animator that it should skip animation when it is initial value...

[alexeygolev]

Noticed this as well. Quite an uncomfortable behaviour

[calebjclark]

I'm having the same issue. I ended up removing the animations for now.

[akohout]

+1

Can't use ng-animation with that behavior :(

[mhevery]

We are aware of this and working on a fix where the animation would be disabled for the first render. In the mantime you can work around it by having your own animate=false on $rootScope and use ng-animate="animate && 'my-animation'" Setting $rootScope.animate=true when ready would then enable animation.

[mhevery]

Resolved

[robwalch]

Adding class "ng-hide-add-active" to the element forces the final hidden state on start.

<div class="hide-animation ng-hide-add-active" ng-show="show"></div>

[ziadsarour]

Thank you @robwalch !